Hey Folks!

During April & May of 2020, answers may be delayed more than it usually happens. This is caused by my personal situation that requires a lot of time from me to be dedicated elsewhere, and also because of the local things that are happening currently cause of the all things connected to "Corona Virus".

Please be patient, all answers are coming as soon as possible :-)

Sorry for any inconvenience.

Air.
Before you ask please READ THIS

Move mobile menu content down

in FatMoon Posts: 268
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
Bildschirmfoto 2020-04-20 um 15.23.17.png
753 x 791 - 517K

Comments

  • AirAir
    Posts: 10,340
    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: 268
    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,340
    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: 268
    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,340
    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: 268
    Great! And yes.. that did the trick! You're the man... once again!
    Thanks a lot
    Cheers, Pascal
  • Posts: 268
    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,340
    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: 268
    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