Joomla Templates Club 406,261 posts

[Amit Anand Friend Amit AnandJoin date: September 2014Posts: 16Downloads:0Uploads:2 Thanks: 5 Thanked: 1 times in 1 posts]

#191903

Is it possible to fix the top bar to display always while scrolling the site?
I want to see this section every time when someone is scrolling down the page.

Thanks,

AA

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#510910

You can set the main nav to a “fixed” position by using a “fixed” property within the appropriate CSS rule.

I can take a look and try to test it out for you, but will need you to provide the url of the site you’re working on,
as well as temporarily set “Optimize CSS” to “No” within your Template Manager–General settings.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#510979

<em>@thewebmaster 396139 wrote:</em><blockquote>Is it possible to fix the top bar to display always while scrolling the site?
I want to see this section every time when someone is scrolling down the page.

Thanks,

AA</blockquote>

You can try with my below solution:

Open templates/ja_mendozite/css/template.css file

From

#ja-header { background: #222; }

#ja-mainnav { z-index: 9; background: #222; }

#ja-slideshow {
z-index: 8;
position: relative;
background: #222;
}

Change to

#ja-header { background: #222; position: fixed;}

#ja-mainnav { z-index: 9; background: #222; margin-top: 70px; position: fixed;}

#ja-slideshow {
z-index: 8;
position: relative;
background: #222;
margin-top: 95px;
}


Always remember to clear cache from the Admin area after applying any changes

[Author]

Posts