[edgarlimon805]

I’m would like to know how I can make the navigation bar a little bigger on mobile devices, right now on mobile the menu bar is too small on mobile.

[serkan]

Hi B,

You can increase the navigation bar size on mobile by adding a small CSS adjustment:

Go to Appearance → Customize → Additional CSS.
Paste this code:

@media (max-width: 768px) {
    .site-header, 
    .main-navigation {
        height: 70px; /* Increase the height */
    }
    .main-navigation a {
        font-size: 18px; /* Increase menu text size */
        padding: 15px;   /* Increase clickable area */
    }
}

Click Publish to save.

You can adjust the height, font-size, and padding values until it feels comfortable on your mobile menu.

Thanks

[edgarlimon805]

Awesome, so this does increase the Menu size but it does not keep the elements centered evenly. So the navbar is bigger but the logo and burger icon are not centered in the navbar anymore

[serkan]

Hi,
You can go to appearance > customize > site identity > you can increase the logo size for the mobile here.
You need to write a lot of css code to make the Hamburger icon bigger. Because each line is managed with css code in itself.
Thanks