[Resolved] Mobile Header – Logo size and Menu Item Height

Home Forums Support [Resolved] Mobile Header – Logo size and Menu Item Height

Home Forums Support Mobile Header – Logo size and Menu Item Height

  • This topic has 3 replies, 2 voices, and was last updated 4 years ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1194075
    Yaroslav

    Hi! Thank you for the awesome theme. I’m new to development, so I really need some help ๐Ÿ™‚

    I want to adjust my logo’s size in Mobile Header without using the Menu Item Height slider. The logo becomes tiny when I set the preferable Menu Item Height. So my question is:

    1) How to adjust the logo size and distance between Menu items independently? Now I want to have less space between mobile menu items but keep this size of the logo. Here is the link:

    http://gdlegalbureau.com/

    And also I want to have underlines (visual dividers between menu items in the mobile version) as here:
    https://www.pauldixondesign.com/

    #1194206
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    @media (max-width: 768px) {
        .main-navigation .main-nav ul li a {
            line-height: 40px;
            border-bottom: 1px solid #000;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #1197946
    Yaroslav

    Thank you!

    #1198564
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.