Return to previous page

Sticky Header - by donaceli - on WordPress WooCommerce support

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

donaceli

Participant

February 20, 2018 at 12:13

Hi, the sticky header on my shop appears only when scrolling back the page and it is only somewhere of 50% width of the page itself. How can I fix this? I am also using the mega menu plugin allowing me to make it a full width but doesn’t work on sticky mode.

Thank you.

#185650 Copied Theme version: 4.19 WooCommerce version: 3.3.1

5 Answers

Rose Tyler

Support staff

February 20, 2018 at 13:06

Hello,

Please provide us with your website URL so we can take a closer look.

Regards

#185660 Copied

donaceli

Participant

February 20, 2018 at 16:01

Hi Rose,

http://dogbeds.ie

Thanks for helping me with this issue.

#185685 Copied
Rose Tyler

Support staff

February 20, 2018 at 16:15
Hello,

You may change “Fixed header type” to Fixed in Theme Options > General > Header Settings.
Also, add this css code in Theme Options > Styling > Custom css:
```
.fixed-header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    margin: 0px !important;
}
.fixed-header #mega-menu-wrap-main-menu {
    background:  transparent;
}
.fixed-header #mega-menu-wrap-main-menu #mega-menu-main-menu {
    padding: 20px 0px 0px 0px;
    margin-left: 20px;
}
```
and set fixed header color in Theme Options > General > Header Settings > Fixed header background.

Regards
#185689 Copied
donaceli

Participant

February 20, 2018 at 18:37

Sincerely appreciate your help and thank you. With your help I’ve managed to fixed it all and it works like a charm now 🙂

#185715 Copied

Olga Barlow

Support staff

February 21, 2018 at 10:39

You are welcome!

Regards

#185770 Copied
Viewing 6 results - 1 through 6 (of 6 total)