Forum Support

Shape 5
March 29, 2024, 06:15:25 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Header Problems  (Read 357 times)
shamballa
Jr. Member
**
Offline Offline

Posts: 31



« on: 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
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: October 26, 2014, 02:20:39 PM »

Hello,

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

Code:
#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.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
shamballa
Jr. Member
**
Offline Offline

Posts: 31



« Reply #2 on: October 26, 2014, 05:25:21 PM »

Hello

Thank you for your reply.

I have in my custom.css file:

Code:
#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.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: October 26, 2014, 06:10:04 PM »

Not a problem.

Let me know if you have any further questions.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.