[Resolved] Sticky menu design everywhere but start page

[Lars]

Hi

I enjoy the design of the sticky menu on my web page nordfro.webease.net. How can I use the size of the sticky menu everywhere, with the smaller logo, everywhere but the front page? I would still like to show the logo full size on the front page.

Thank you
Lars

[David]

Hi there,

can you share a link to your site so i can see what the best option is ?

[Lars]

Hi!

https://nordfro.webease.net

Just to clarify myself: I want the navigation/logo to have the same padding and position and size of logo as the sticky navigation on all pages besides the front page. The front page I want to work as normal. Big size that turns into smaller sticky-size.

I am also trying to achieve something else that I find it difficult to achieve. You’ll see the green button with a direct link to the webshop in the upper left corner. When this button goes in to sticky-version I want it to expand 100% in height (and loose its round corners, but that’s not a problem), but no matter what container I try to give this height I don’t seem to be able to change it. Do I need !important for it to work perhaps?

Thanks
Lars

[Ying]

Try this CSS:

body:not(.home) .inside-header {
    padding: 0;
}

body:not(.home)  .site-header .inside-header .header-image {
    height: 60px;
    width: auto;
    padding: 10px 0;
    margin-top: 0;
    margin-left: 20px;
}
nav#sticky-navigation .gb-button-wrapper a.gb-button.buy-seeds {
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0;
    border-radius: 0;
}

[Lars]

Great! That did the trick.

[Ying]

Great 🙂

[Author]

Posts