How to apply following html code to mobile (only works in desktop)

How to apply following html code to mobile (only works in desktop)

Alebandro
Visitor
1 0 1

I copied and pasted the following code to remove the preview bar on the bottom of the screen of my shop's storefront, but it only works for desktops. Are there any additions I can make to make it apply to mobile as well? I added the code to the bottom of the base.css file: 

 

html {
padding-bottom: 0!important;
}

#preview-bar-iframe {
display: none!important;
}

 

P.S. Other tutorials instructed me to add it to the theme.scss.liquid, but the file does not exist for me, so I just added it to the file that I have been adding code to for other reasons.

Reply 1 (1)

Made4uo-Ribe
Shopify Partner
6884 1640 2025

Hi @Alebandro 

Would you mind to explain what you like to achieve on this codes? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.