Shape 5

Joomla Templates => Oasis - Club => : shamballa October 24, 2014, 08:43:37 PM



: Header Problems
: shamballa October 24, 2014, 08:43:37 PM
Hello

I want to set the Header: #s5_header_area1 to a position: fixed !important; from within my custom.css however it is also set as relative !important but I cannot find where I can turn this off. Using Firebug it just says #s5_scrolltotop (line 633)...

I cannot set the position fixed without removing the relative !important part!

I want the entire header at the top to not scroll and be fixed not just the header.

How can I do this?

Many thanks
Chris


: Re: Header Problems
: mikenicoll October 26, 2014, 02:20:39 PM
Hello,

I checked on a stock copy and adding this to the custom.css file worked properly.

:
#s5_header_area1 {
position: fixed !important;}

One thing to consider as well is you can use the Floating Menu option built into Vertex under the Menu Tab.


: Re: Header Problems
: shamballa October 26, 2014, 05:25:21 PM
Hello

Thank you for your reply.

I have in my custom.css file:

:
#s5_header_area1 {
  Height: 150px; !important;
  border-bottom: 9px solid #2a3f0d; !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0.75); !important;
  position: fixed !important;
  z-index: 100 !important;
}

This will not take effect though due to position: relative !important; being called in the index.php file so I have now commented out those parts and it is working. I did try using the floating menu option from within vertex but I have a coloured header #4583EE and only the menu floats which looks a bit strange!

The only problem I am now having is of course that the fixed position is now not relative to what I have in the top_rows and the titles are not showing - I can set them further down but I am not sure what effect this could have or what things it might break.

I know this is customising related issues and therefore out of the scope of support so I thank you for your help so far.


: Re: Header Problems
: mikenicoll October 26, 2014, 06:10:04 PM
Not a problem.

Let me know if you have any further questions.