Make header details static and visible at all times

Everything to do with Joomla! 2.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Locked
pwphotography
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Fri Mar 20, 2015 9:02 am

Make header details static and visible at all times

Post by pwphotography » Fri Mar 20, 2015 9:39 am

Hello, a client has asked if he can have the header area of his site static so it is always visible?

I am using the Eris template: http://hogash-demos.com/themeforest/?theme=eris_joomla

My site is: http://www.negotiumrecruitment.co.uk/dev

The top area with the logo, contact info and navigation plus the line below all wants to stay where it is and when scrolled, the whole site moves up and the top area always remains visible.

Thank you in advance.

Paul Walker

SharkyKZ
Joomla! Ace
Joomla! Ace
Posts: 1810
Joined: Fri Jul 05, 2013 10:35 am
Location: Parts Unknown

Re: Make header details static and visible at all times

Post by SharkyKZ » Fri Mar 20, 2015 9:55 am

In CSS, add position:fixed to that header and margin-top the size of header's height to an element that comes after it. Alternatively, you could use JavaScript to add a class after some scrolling.

pwphotography
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Fri Mar 20, 2015 9:02 am

Re: Make header details static and visible at all times

Post by pwphotography » Fri Mar 20, 2015 10:10 am

Hi, thanks for that, could you be a little more detailed please, not that up on the css side of things?

Thank you very much


Locked

Return to “Templates for Joomla! 2.5”