Joomla Templates Club 406,261 posts

[perini ps Friend perini psJoin date: February 2012Posts: 18Downloads:0Uploads:0 Thanks: 3]

#182269

Hi guys,

We’re adapting Puresite for a client that has specified sticky top nav (ie permanently-available navigation, with the page content scrolling under it).

To achieve this, I have made lots of CSS tweaks as well as give the CSS class “main” a padding-top so the body content sits neatly on the page, under the sticky top nav.

However, because the bottom “botsl” elements also use “main”, they have shifted down and so there is a big black space before the bottom navigation / sitemap / search row starts.

I have set up a class for “botsl” called “mainf” which doesn’t padding-top and so should line up nicely in the bottom area. However, I cannot seem to find how I get “botsl” to call “mainf” for its style.

Can anyone help? :((

Thanks in advance,
Paul

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#473108

Hello Paul,

Both “topsl” and “botsl” use the same “spotlight” block type. So you can change you CSS code in different way, Don’t assign CSS code for “main” class name.

E.g. You can add this CSS style for “main” div in “ja-topsl” div

div#ja-topsl div.main {...}

Regards.

[Author]

Posts