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

[Alebandro]

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.

[Made4uo-Ribe]

Hi @Alebandro 

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