Return to previous page

Menu on scroll different than menu on top

This topic has 4 replies, 2 voices, and was last updated 5 years, 5 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth

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.