Footer menu header menu items overlaping in mobile view

Store Design
, , , ,
1

Hi guys,

I need to fix the overlaping of the footer menu lables in Mobile View only. Before it was great, but I thing because of a global code given, it got affected.

InkedScreenshot_20230123-144243_Chrome_LI.jpg
InkedScreenshot_20230123-144243_Chrome_LI.jpg1080×1920 145 KB

Thank you,

https://allianceautoproducts.com/

2

@Alliance

step 01:

  1. Go to your Store > Theme > click to edit code.
  2. find this file "theme.liquid " and open.

step 02:

  1. Paste the code at the end of the file.

this idea helps you

Alliance-Group-Experts-Care-For-Your-Ride-Auto-products-accessories-–-Alliance-Auto-Products.png
Alliance-Group-Experts-Care-For-Your-Ride-Auto-products-accessories-–-Alliance-Auto-Products.png300×650 34.5 KB

3

Hallo @Alliance

You can add code by following these steps to change

  1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom(base.css)


@media only screen and (max-width: 425px) {
li.site-footer__linklist-item {
padding-right: 43px !important;
}
}

If you require any further information, feel free to contact me.

Best regards,