We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How can I fix the slightly off-center footer menu on my desktop site?

Solved

How can I fix the slightly off-center footer menu on my desktop site?

Nyuu
Excursionist
31 0 11

Hello again > <

So i previously had someone give me this code to center align my footer menu on desktop and Mobile:

.list-menu__item {
    display: block !important;
}

And it's worked so well up until now (Not sure if its clashing with other newer codes?? > <)

So now my Footer menu is only a tiny bit off center? Does anyone know how to fix this??

It only shows up like this on desktop and NOT mobile! 

Screen Shot 2022-04-25 at 1.11.19 pm.png

Mobile looks good! ↓

IMG_8616.jpg

 

So sorry once again T^T

website is www.negimelon.com and theme is dawn.

Accepted Solution (1)

suyash1
Shopify Partner
11112 1367 1751

This is an accepted solution.

@Nyuu - to make change on desktop, please add this css to the very end of your base.css file and check

@media screen and (min-width: 750px){
.footer-block__details-content>li:not(:last-child) {margin-right: 0 !important;}
}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

View solution in original post

Replies 2 (2)

suyash1
Shopify Partner
11112 1367 1751

This is an accepted solution.

@Nyuu - to make change on desktop, please add this css to the very end of your base.css file and check

@media screen and (min-width: 750px){
.footer-block__details-content>li:not(:last-child) {margin-right: 0 !important;}
}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com
Nyuu
Excursionist
31 0 11

@suyash1 Thank you very very much TT^TT ❤︎