Archived topic

Mobile Header - Logo size and Menu Item Height

3 replies · Started by Yaroslav on March 13, 2020

Viewing posts 1–4 of 4

March 13, 2020 at 10:21 am #1194075

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/

March 13, 2020 at 2:25 pm #1194206

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/

March 17, 2020 at 11:02 pm #1197946

Thank you!

March 18, 2020 at 7:56 am #1198564

No problem :)

This archived topic is closed to new replies.

Start building better websites today.