Archived topic

mobile and tablet header issue

3 replies · Started by letsdoit on August 9, 2020

Viewing posts 1–4 of 4

August 9, 2020 at 8:38 am #1394124

Hello Team,

I have the following issues related to Header/Navigation.

1. On tablet, navigation shifts to two lines, what should i do to make sure it remains in one line.

2. On Mobile, what is the css I may use for left padding for the navigation items.

Thanks

August 9, 2020 at 9:52 am #1394222

Hi there,

Simplest method would be to increase the Mobile Menu Breakpoint in Customizer > Layout > Primary Navigation - so it switches to mobile on portrait tablet. Otherwise you would have to reduce the size/spacing of Logo and Menu items.

Let me know.

To change the mobile menu item left padding - try this CSS:

.mobile-header-navigation.main-navigation .main-nav ul li a {
    padding-left: 30px;
}

August 9, 2020 at 6:14 pm #1394600

Thanks David, both worked well.

August 10, 2020 at 3:19 am #1395028

You're welcome

This archived topic is closed to new replies.

Start building better websites today.