adjusting logo space

hi guys

i have increased the logo space to 90px as my logo is square... its ok , bu when the menu sticks to the top of the page when you scroll - the top of the site mucks around with the logo and layout "breaking" the appearance... have attached a screenshot.

any fix? have checked in firefox and chrome - happens in both browsers - havnt got others to check.

Could You please post an url to your site?

Could You please post an url to your site?

It's www.guidetogay.com (like the logo - lol) but i have had to swap back to TWNII template for now as the site looks terrible without this fix. (Template is still installed on backend)

Please send me a PM with:
1. URL to your website
2. login and password of user with admin/super-admin privileges (please create one for me)
3. link to this thread

Please send me a PM with:
1. URL to your website
2. login and password of user with admin/super-admin privileges (please create one for me)
3. link to this thread

thanks - have sent you a PM with all the details.

Please edit: /templates/gk_news2/css/override.css and add at its end:

Code: Select all

#gkFixedMenu {
top: -100px;
}


Remember to enable "CSS override" in template settings - advanced section.

Please edit: /templates/gk_news2/css/override.css and add at its end:

Code: Select all

#gkFixedMenu {
top: -100px;
}


Remember to enable "CSS override" in template settings - advanced section.

thanks! do you know if i can put a background image behind the logo in the top block?

You have 2 "top blocks" there - one that can be seen when page is scrolled to top, second one when you scroll a little bit down and you see it as a "sticky menu".

You have 2 "top blocks" there - one that can be seen when page is scrolled to top, second one when you scroll a little bit down and you see it as a "sticky menu".

yeah, was hoping to pop a nice background in the scroll to top position (not in the sticky menu) - just to give it a bit more branding/style than white space do you know where i can pop the bg graphic?

I have the very same problem.

I have the very same problem.

hi pixel!
thought this might help you - as i found out the way to do it.

in your template.css file find your body area, and put this in

Code: Select all

html { -webkit-font-smoothing: subpixel-antialiased; }
body {
   background: transparent url('../images/style1/bglogo.jpg') no-repeat left top;
   color: #555;
   font-size: 14px;
   font-weight: 300;
   line-height: 1.6;
   margin: 0;
   min-height: 100%;
   padding: 0;
   word-wrap: break-word;

making the img src file whatever yours is

hope that helps!

Thanks I will try that

Never edit template core files... If you will decide to update in future all your changes will be override.
Instead use override.css and paste there fragment of css declaration you would like to change:

Code: Select all

body {
   background: transparent url('../images/style1/bglogo.jpg') no-repeat left top;
}


Remember to enable "CSS override" in template settings - advanced section.