How to make footer menu in Taste theme Horizontal with Padding between Menu Items

Store Design
, ,
1

Hi- I have tried to use the code snippet below however the menu items have no padding/space between them:

@media screen and (max-width: 749px) {
.footer-block__details-content {
display: flex;
justify-content: center;
align-items: center;
}

See Below

IMG_382AB47680A0-1.jpeg
IMG_382AB47680A0-1.jpeg1170×935 29.9 KB

Can someone help please adjust the above code to include padding between the footer menu links.

Thanks.

1 Like
2

@evowdov

oh sorry for that issue can you please send store url so i will check and let you know

3

https://mojavecollective.shop/

1 Like
4

@evowdov

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-footer.css ->paste below code at the bottom of the file.
.footer__content-top {padding-bottom: 2rem;}
.footer__content-bottom {padding-top: 1rem;}
5

Hey man - thanks but it didn’t work. Got anything else???

6

Hello @evowdov ,

It’s GemPages support team and glad to support you today. I would like to give you the recommendation to support you.

You could please try changing your code to

@media screen and (max-width: 749px) {
.footer-block__details-content {
display: flex;
justify-content: space-between;
align-items: center;
}
}

Best regards,
GemPages Support Team

1 Like
7

Worked like a charm!! TY :victory_hand:t2: