Return to previous page

Menu on scroll different than menu on top

This topic has 4 replies, 2 voices, and was last updated 4 years, 10 months ago ago by Olga Barlow

  • Avatar: Annet
    Annet
    Participant
    June 24, 2019 at 15:31

    Hi!

    At the top of my website in the header I have a menu with my logo in the middle. When I scroll the look of the menu changes and the logo goes left!? That shouldn’t be the case right?

    #216105 Copied Theme version: 5.3.1
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 24, 2019 at 16:06

    Hello,

    We have a lot of type of the main header but the only one type of the fixed header. If it does not suit your needs you may disable it in Theme Options > Header > Fixed header and add the following custom ty child theme style.css to make the main header as the sticky header

    .header-wrapper {
    position: fixed;
    z-index: 9;
}

.page-heading {
    padding-top: 120px;
}

    Regards

    #216112 Copied
    Avatar: Annet
    Annet
    Participant
    June 24, 2019 at 17:25

    Yes, thanks!

    The only thing is that the background of the menu is transparant now so not readable all the time. Is it possible to get that white and adjust the height?

    #216116 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 24, 2019 at 18:05

    Hello,

    If you use the main header as the sticky header than additional custom CSS affect both main header and header on scroll. Do you want the white header for all the pages or for the home page only?

    Regards

    #216125 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.