Mobile Menu Positioning

Hi there,

That's actually the content margin caused by the separate containers.

You can turn it off like this:

@media (max-width: 768px) {
    .separate-containers .site-main {
        margin-top: 0;
    }
}

Thanks Tom,

It works.

How can I increase hamburger menu and search icon size in the menu?

Hi there,

they are defined by the font size set in Customizer > Typography > Primary Navigation - you can set them for each device size.

You can then set your Customizer > Typography > Off Canvas separately.

Hi David,

It's not working.

Actually, I tried to mean increasing Icon size (hamburger and search) not my menu items font size.

Try this CSS:

@media (max-width: 768px) {
    .menu-toggle, .main-navigation .mobile-bar-items a {
        font-size: 10px;
    }
}