Hi there,
Banner text on mobile is taking up too much space so am looking to remove it completely.
I’ve attached code mentioned in another post showed below which removed the buttons but unfortunately still shows the text.
@media screen and (max-width: 640px){
.Slideshow_Content {
display: none !important;
}
}
.carousel–insidedots .flickity-page-dots {
bottom: 5px !important;
left: 20 px
}
Any ideas?
Thanks so much,
Em
Hi @WeAreHere
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.
Sorry - hopefully this is what you need:
https://we-are-here-2020.myshopify.com/
pw - helloisitmeyourelookingfor
Please add the following CSS code to your assets/theme.min.css bottom of the file.
@media screen and (max-width: 640px){
.splide__slide .break-words {overflow-wrap: break-word;display: none !important;}
.splide__slide .mt-4 {margin-top: 1rem; display: none !important;;}
.splide__slide .mt-8 {margin-top: 2rem;display: none !important;;}
}
Thanks!
Hi @WeAreHere
This is PageFly - Advanced Page Builder.
You can try with this code:
Follow this:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.min.css.
Step 3: paste below code in bottom of file → save.
@media screen and (max-width: 767px){
h2.font-heading.text-2xl.lg:text-4xl.break-words {
display: none;
}
}
Hope that my solution works for you.
Best regards,
PageFly.
If helpful then please Like Solution.
