Hide first item footer mobile

Luxurymrkt · ‎06-05-2024

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

my site is https://luxurymrkt.com

Thank You | mike

PageFly-Noah · ‎06-05-2024

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 </body>

<style>
.site-footer .footer__item--custom_TtQGUp{
   display: none !important;
}

</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

BSSCommerce-HDL · ‎06-05-2024

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

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

Here is result:

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

binal_identix · ‎06-06-2024

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;
}
}

iCart Cart Drawer Cart Upsell App

- If you find the solution helpful, please accept and like it
- To learn more visit www.identixweb.com

Dan-From-Ryviu · ‎06-06-2024

Hi @Luxurymrkt

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

<style>
@media (max-width: 749px) {
.grid__item.footer__item--custom_TtQGUp { display: none !important; }
}
</style>

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Hide first item footer mobile

Hide first item footer mobile

Community Blog Articles