Before you ask please READ THIS

Move mobile menu content down

in FatMoon Posts: 293
Hi Air

It's been a while! Lately I had no problems with your theme.. but now I have (a small) issue..
the mobile menu conten need to be a little further down as it almost touches the site logo... I tried some css but for some reason I didn't find the solution
See the attached image to understand what I mean ("Herbst/Winter..." should be some pixels further down

Thanks
Pascal

Comments

  • AirAir
    Posts: 10,970
    Hey Pascal :-)

    You could try to increase it with such custom CSS:
    @media only screen and (max-width: 1024px) {
    .header-variant-one_line_centered.mobile-menu.with-shield .menu-cell {
        height: 55px;
    }
    }
    With kind regards.
  • Posts: 293
    Hey Air

    Thanks.. unfortunately this didn't change anything... maybe I got something wrong?
    Here the test site for you to look at: https://nikatrade.dellamae.ch/

    Let me know if you need admin access
    Thanks Pascal
  • AirAir
    Posts: 10,970
    OK, thanks for the link.

    In your case proper CSS will be:
    @media only screen and (max-width: 1024px) {
    .header-variant-one_line_centered.mobile-menu .menu-cell {
        height: 55px;
    }
    }

    With kind regards.
  • Posts: 293
    Thanks for your fast reply.. unfortunately this CSS lowers thw whole menu including the logo but I only ned the menu items (text links) to be a little further down...
    You can see the result in the same link now. Sorry for the inconvenience
  • AirAir
    Posts: 10,970
    I think I finally understand what you need :-)

    Remove the whole CSS I gave previously, and add this one:
    @media only screen and (max-width: 768px) {
    .mobile-menu .navigation-bar .top-menu {
        padding-top: 25px;
    }
    }
    Hope this one will be it :-D

    WIth kind regards.
  • Posts: 293
    Great! And yes.. that did the trick! You're the man... once again!
    Thanks a lot
    Cheers, Pascal
  • Posts: 293
    Hey again Air

    Your CSS did the trick! BUT I'm having a "new" issue when using a background color in the mobile menu.. while the menu text is now correctly placed the background (used on certain pages) is placed over the site logo (see screenshot).. is there a way the have the mobile menu background below the logo? Here's the link: https://nikatrade.dellamae.ch/kollektionen/
    Bildschirmfoto 2020-04-22 um 13.24.12.png
    771 x 298 - 172K
  • AirAir
    Posts: 10,970
    Hey :-)

    Please try this custom CSS:
    @media only screen and (max-width: 1024px) {
    .mobile-menu .navigation-bar .menu-container {
        z-index: -1;
    }
    }
    With kind regards.
  • Posts: 293
    Fantastic and fast! Thanks a lot Air!!
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion