Hi,
as you see in the attached sample pictures, I place a banner on a page and a text on it. However, when I open that page on mobile, as the screen size getting very narrow, the texts are mixing up.
So, how can I omit the text from the mobile while keeping them on the desktop version?
the theme doesn’t allow to adjust them seperately. I use Enterprise theme,
thank you
the first picture below is the desktop
Hey @Heyemac
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Moeed
@Heyemac - can you share the website link and password, if any? text can be hidden using css
Hi @Heyemac
You can add this CSS code to Custom CSS of that section in your Online store > Themes > Customize to remove that text in mobile device
@media screen and (max-width: 749px) {
.text-overlay__block { display: none !important; }
}
Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css
@media (max-width: 767px) {
.slideshow__text .text-overlay__heading { display: none; }
}
Hello @Heyemac
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->main.css>Add this code at the bottom.
@media (max-width: 767px){
h2.text-overlay__heading.h0 {
display: none;
}
}
If this does not work, Please provide your store URL, so I can review it and provide proper a solution.