Solved

'li' and Link don't align in Footer Menu Item SHOPIFY DAWN

mmmaaaxxximus
Tourist
5 0 1

Hi there,

 

I'm trying to solve my issue with my footer menu in shopify dawn theme. As you can see, the 'li' and the actual link (shipping info) that is tied to that 'li' don't align. I want the 'li' to start lower, so that it aligns on the same level as the link. Otherwise when I try to click the link, I have to hover a bit above the word to activate the button. The issue is with the whole menu, so the the links under 'shipping info' face the same issue. So the 'li' for payment info is partly in the space where the shipping info is located.

 

Kind Regards!

Bildschirm­foto 2024-04-12 um 12.50.02 Kopie.jpg

Bildschirm­foto 2024-04-12 um 12.34.26 Kopie.jpgBildschirm­foto 2024-04-12 um 12.34.33 Kopie.jpg

Accepted Solution (1)
Raj-WebDesigne
Shopify Partner
60 16 14

This is an accepted solution.

Add this css in your base.css file

.footer-block__details-content li{
      line-height: 0;
}

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


View solution in original post

Replies 7 (7)

Raj-WebDesigne
Shopify Partner
60 16 14

can you share Your Store Link

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


mmmaaaxxximus
Tourist
5 0 1

calmecs.com

store pw: aoproliokj8zf7t

mmmaaaxxximus
Tourist
5 0 1

calmecs.com 

my store pw: aoproliokj8zf7t

Raj-WebDesigne
Shopify Partner
60 16 14

Pw Is Not Right

RajWebDesigne_0-1712998985080.png

 

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


mmmaaaxxximus
Tourist
5 0 1

i forgot, thats the right one: isueydfgiwbcsdvevgrd

Raj-WebDesigne
Shopify Partner
60 16 14

This is an accepted solution.

Add this css in your base.css file

.footer-block__details-content li{
      line-height: 0;
}

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


mmmaaaxxximus
Tourist
5 0 1

perfect! thank you very much