Hide first item footer mobile

Store Design
, , , , ,
1

Hi I’d like to hide the first item footer mobile

my site is https://luxurymrkt.com

924A0F68-6B98-4AD7-BE17-B2F5EDF9D7DD.jpeg
924A0F68-6B98-4AD7-BE17-B2F5EDF9D7DD.jpeg1170×2532 113 KB

1 Like
2

This is Noah from PageFly - Shopify Page Builder App

Hi @Luxurymrkt please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

3

Hi @Luxurymrkt ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Inside tag head. You need create style tags. After you’ll insert my code inside it

BSSCommerceHDL_0-1717643645163.png
BSSCommerceHDL_0-1717643645163.png1919×873 121 KB

@media only screen and (max-width: 746px) {
    footer.site-footer .grid__item[data-type="custom"] {
        display: none !important;
    }
}

Here is result:

BSSCommerceHDL_1-1717643664703.png
BSSCommerceHDL_1-1717643664703.png686×911 59.8 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

4

Hello @Luxurymrkt ,

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>add this code at the bottom of the file.

@media only screen and (min-width: 768px) {
.site-footer .grid__item.footer__item--custom_TtQGUp {
    display: none;
}
}
5

Hi @Luxurymrkt

You can add this code below to the theme.liquid file, after from Online Store > Themes > Edit code to remove that part