Return to previous page

Sticky Header - by donaceli - on WordPress WooCommerce support

This topic has 7 replies, 1 voice, and was last updated 2 weeks, 4 days ago ago by donaceli

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

6 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

Participant

February 21, 2018 at 10:39

You are welcome!

Regards

#185770 Copied

donaceli

Participant

May 12, 2025 at 12:23

Thanks for the support! My topic “Sticky Header” has been successfully resolved.

#443937 Copied
Viewing 7 results - 1 through 7 (of 7 total)