How to hide simple banner on mobile

Hi @maxipos

You will need to add this CSS to either Website Custom CSS (pro feature) or another CSS plugin you have:

@media (max-width: 480px) {
    .simple-banner {
        display: none !important;
    }
}

The 480px is the breakpoint that you will need to play around with to set to your liking. Usually mobile is in the 300-500 range and tablets are in the 700-800 range.

Thanks for your message, in the theme settings, “additional css” it won’t be possible? I would need to install the plugin?

Or if I’ll add it in the styles.css via file editor?

• This reply was modified 6 months ago by Vlad Zest.

If your theme has a setting for additional CSS that might work! Otherwise there are plenty of free “additional CSS” plugins available.

thanks, that worked with the “additional CSS”