Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
also the nav menu still wont centralise so as not having to use the padding. The drop down bit does but thats not what i was after. Do i need to change anything in the templates and upload again?
Last edited by robertsalisbury (2014-01-15 16:04:16)
Offline
ok got a head up. What file types can I use? I have tried png and psd. The head framework /borders margin etc size was visable but no masterhead image. I have changed to a jpg and that works. Only problem is the logo is over a clear background and when I put the hex code in for the colour they never seem to match up.
Last edited by robertsalisbury (2014-01-15 17:59:31)
Offline
JPG and PNG are good. PSD is a great, big no.
At this point, I'm utterly confused about where you're putting things. Best to keep your assets in a central location. So if you're working in the /galleries/phplugins/ folder, then put everything there:
/galleries/phplugins/css/
/galleries/phplugins/images/
etc.
And make sure your references to those assets are correct.
Offline
All files look in same place as listed here and in tutorials. The problem has been with CS6 saving corrupt png files. re done on CS5 and all's good and working as should. I like the way you can change the shape to a square which works much better on the phone. The phplugins all seem to be working. So onwards and upwards then. Just now need to sort the navagation bar out. This bit of code
.sf-menu ul {
margin: 0 auto;
width: 600px;
}
and
.sf-menu li {
float: left;
width: 150px;
}
dosen't seem to do what I would like which is to centralise the navigation headings and not use the padding as you said, so hopefully the drop downs won't get chopped of in the mobile view. So any ideas would be appreciated.
Thanks
Robert
Offline
First, looking at your custom.css file here: http://catchlightimaging.com.au/galleri … custom.css
you haven't even added that code yet.
Second, don't include the word "and" when you paste it into the file. Just:
.sf-menu ul {
margin: 0 auto;
width: 600px;
}
.sf-menu li {
float: left;
width: 150px;
}
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
I had put it in earlier but took it back out when things weren't going my way. It's back now and if you look the nav items ,home ,about etc are not central to the container . as you and Mat pointed out," I found the problem. It's because you faked the centering using 125px of padding on either side. That is NOT the way to center an object. So yes, as Rod said, you will need to kill that padding."
Cheers
Rob
Got the nav centred but still same problem with boxes been cut off on the phone . And there's also a shadow cast by the drop down box?
Last edited by robertsalisbury (2014-01-15 23:08:00)
Offline
actually, it looks like this:
.sf-menu ul {
margin: 0 auto;
width: 840px;
}
isn't even being applied. it should have been:
ul.sf-menu {
margin: 0 auto;
width: 840px;
}
But. but.... even without that, it looks like
.sf-menu li {
float: left;
width: 140px;
}
is making a mess out of the collapsed mobile menu. Which means using a media query to apply the css so that it's only applied to desktop browsers. So try taking out the previous stuff and swap it out with this:
@media screen and (min-width: 1025px){
ul.sf-menu {
margin: 0 auto;
width: 840px;
}
.sf-menu li {
float: left;
width: 140px;
}
}
there is still a bit of a problem with the height of the menu items. Look at the galleries link. You'll see the down caret below the word "Galleries". This is because you've got 42px of left-right padding set for the Navigation Item. Try reducing that. I dialed in 32 and that worked fine.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Thank you very much Rod. Thats worked a treat. I zeroed the padding on the container and dropped the padding on the nav items to 24px. Have a look and tell me what you think. Once again to Rod and Mat cheers for fantastic support to a complete novice. I'll be back i'm sure!!
Offline
Looks great!
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline