Horizontal footer navigation menu overlaps - Dawn Theme

Store Design
, ,
1

I was able to create a horizontal navigation menu using below code:

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

This displays fine in desktop view. However, in Mobile Phone view it shows as below:

1.jpg
1.jpg1290×813 21.6 KB

How do I fix this?

2

Hi @dasaint208 , can you share your store url?

3

www.jingscuisine.com

Thanks!

4

@dasaint208 , go to your section-footer.css file and add the following code :

@media (max-width:749px){
.footer-block__details-content {
    
    justify-content: space-around !important;
    
}

}

if this helped you please like and mark as solution.

5

It worked. Thank you!!!