Why is my footer displaying incorrectly on mobile view?

Store Design
1

Hello,

Adding to my last post, our footer is displaying incorrectly on mobile and tablet view,

see below ;

IMG_0761.PNG
IMG_0761.PNG1242×2688 143 KB

We have tried other peoples solutions to this, but it changes nothing.

Thank you.

2

Hello @Vapedistillery

Can you please share your store URL and store-front password(If your store is password protected)? So that I can check and give you the solution.

3

@Vapedistillery

Please share the store URL!

Thanks!

4

https://www.vapedistillery.com/

1 Like
5

@Vapedistillery

Please add the following CSS code to your assets/stylesheet.css bottom of the file.

@media only screen and (max-width:749px) {
.gridlock .row .desktop-4 {
    width: 100%;
    text-align: center;
    margin-left: 0px;
}
}

Thanks!

6

Hello [email removed]Vapedistillery

To adjust the proper size of the footer for mobile, add this code to your stylesheet.css file.

Navigate to online store >> Click edit theme code.

Now find stylesheet.css and paste the following code

@media (max-width: 750px){
 #big-footer .desktop-4 {
 			width:100% !important;
			margin: 0 auto !important;
   			}
}

I hope it will be helpful for you.

Did it solve your issue?

  • If yes, Like & Mark As Solution to help the community

  • If not, let me know. also share a screenshot of the code that you added.