Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Positioning and Size of Mobile Menu and Navigation Search

Home Forums Support Positioning and Size of Mobile Menu and Navigation Search

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #363808
    G├╝nther

    I have two (related I think) questions, that’s why I put them in the same topic.

    1) I would like to reduce the size of the mobile menu which appears after clicking the hamburger menu, so it doesn’t cover the whole screen on mobile but leaves part of the underlying page visible. Also I would like to move it a couple of pixels down. How would I go about this?

    2) Regarding navigation search, I have found forum topics how to change size of the nav search:

    /* search form styling */
    .navigation-search {
          max-width: 300px;
          max-height: 50%;
    }
    

    I would like to also move it a couple of pixels down, because it is “stuck” to the top of the page.

    I tried:
    vertical-align: -25px !important;

    (in the code above for the .navigation-search element), but that didn’t change anything.

    Thanks for your help ­čÖé

    GP Premium 1.4.1
    #363963
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link me to the site so I can try to nail down the CSS faster?

    Thanks!

    #364064
    Leo
    Staff
    Customer Support

    1) You can try decrease the menu item height for mobile only using the toggle:
    https://docs.generatepress.com/article/menu-item-height-width/#height

    Not sure what you mean by moving it a couple px down?

    2) Try adding margin-top: 20px;

    #364195
    G├╝nther

    great thanks, worked both!

    #364214
    Leo
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.