Return to previous page

Fixed Header and Menu - by uklive - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 9 years, 6 months ago ago by Eva Kemp

uklive

Participant

May 14, 2015 at 05:48

I found that your having your fixed header option in the theme > general doesn’t help me what I want to achieve. I basically want the same consistent header to appear on all pages. I’m using Variant 10 with the black navs at the bottom. I’m trying to figure out as to how to make this appear this way on all the pages since your sticky nav doesn’t suite me. I lose the Top Bar and the styling is off when I choose to use the supplied version “Fixed navigation”. How can I make this Fixed on all pages as I scroll? Can you please instruct on how to do this?

#63836 Copied

8 Answers

Robert Hall

Support staff

May 14, 2015 at 07:33

Hello,

Please provide us with link to the page and wp-admin access in Private Content.

Regards,
Robert Hall.

#63850 Copied

uklive

Participant

May 15, 2015 at 01:28

I don’t understand why not tell me what I need to do or copy and paste the code so that it may also help other customers with the same problem? I’m pretty good with css and tried to add my own css code to the header wrapper class with the following css position:fixed; width:100%; margin:0 auto; top:0px; z-index:10000; but when I did it cause the main content area to move to the very top and underneath the newly fixed header, I was able to move it with padding-bottom:110px but it varies for different pages as I would have to apply a new rule for different content pages.

#64075 Copied

Robert Hall

Support staff

May 15, 2015 at 07:13

Hello,

We need to see your site to fully understand what is wrong. That’s why we’re asking for credentials. Can you provide us?
Maybe provide screenshot for our better understanding and highlight what exactly you mean.

Regards,
Robert Hall.

#64081 Copied

uklive

Participant

May 17, 2015 at 13:36

It’s simple, I want the very first set of menu (top bar) and main nav to remain consistent throughout scrolling, there doesn’t to be a screenshot for that. A simple fixed header for the Main header (nav). Not the one you created.

#64366 Copied

Eva Kemp

Support staff

May 18, 2015 at 08:46

Hello,

Do you want your main header to be a fixed header when scrolling?
If so unfortunately there is no such option. Sorry.

Regards,
Eva Kemp.

#64422 Copied

uklive

Participant

May 20, 2015 at 00:06

Yes, I want the header to remain consistent when scrolling. What kind of response is that? It can be done. I’ve done some modification w/ the template via css (I’m using a child style sheet, so no worries there). Why have you not offered an alternative to this baffles my mind. I’m sure there are others who want to retain the top bar as well when scrolling through their site. It just makes sense UX wise. If I write up some styles can you use it for others as well and improve upon it? Or do you have some css already written to do this? What would it take to make this happen? To add another Header variant where it’s completely fixed (which I think is the best solution, rather than hacking it up via css)

#64863 Copied

uklive

Participant

May 27, 2015 at 03:41

???

#66190 Copied
Eva Kemp

Support staff

May 27, 2015 at 14:01
Hello,

Please try to add this code in custom.css file and disable fixed header in Theme Options > General > Enable Fixed Header > Off:
```
.header.main-header {
  position: fixed;
  z-index: 10000;
  background-color: white;
  width: 100%;
  margin-top: 30px;
}

.top-bar {
  position: fixed;
  z-index: 10000;
  width: 100%;
}

.wpb_revslider_element.wpb_content_element {
margin-top: 158px;
}
```
Thank you.
Regards,
Eva Kemp.
#66312 Copied
Tagged: fixed, header, menu, persuasive, template, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)