Archived topic

Mobile Menu Icon Breaking

5 replies · Started by Vijay on August 3, 2020

Viewing posts 1–6 of 6

August 3, 2020 at 11:11 pm #1386507

Hi,

As illustrated below, I notice that in Samsung A20 and Google Pixel 2, the Menu Icon seems to be pushed down to separate line (breaking the header layout).

What am I doing wrong?

Any help most appreciated.

August 4, 2020 at 4:38 am #1386750

Hi there,

try adding this CSS:

.menu-toggle .mobile-menu {
    padding-left: 0;
}

August 5, 2020 at 5:28 am #1388058

Hi David, Unfortunately I am still seeing the same issue on my mobile.

August 5, 2020 at 6:21 am #1388122

Where did you add the CSS? Is it still added to the site ?

October 7, 2020 at 9:22 pm #1477732

Menu item still breaks in Pixel 2 (if woocommerce basket has items in it), but ive added css to prevent the issue

October 8, 2020 at 6:32 am #1478394

What did you add to resolve it ?

This archived topic is closed to new replies.

Start building better websites today.