How to edit or remove padding between menu items in Dawn Theme on mobile?

Store Design
, , , ,
1

bare web design 2.png
bare web design 2.png418×400 7.7 KB

Can anyone help to edit/remove padding between menu items (mobile only)

2

Hello @barefash ,

It’s GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1678602372878.png
GemPages_0-1678602372878.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

3

Hello, thanks for your reply, but that did not work.

1 Like
4

Hi @barefash ,

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

5

Hi @barefash

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->section-footer.css

@media screen and (max-width: 749px){
.footer__content-top {
    padding: 0 !important;
}
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

1 Like
6

Hi @barefash

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

@media screen and (max-width: 989px) {

.footer-block__details-content .list-menu__item–link {padding-top: 0.3rem !important; padding-bottom: 0.3rem !important;}

}

Regards,

San

1 Like