-
AuthorPosts
-
September 13, 2018 at 1:58 pm #1009397
Hi there!
I’ve got a background image on a color section which I would like to hide on small screens. How can I do that?This is the site:
http://empleo.cear.es/Thanks in advance for your help.
September 13, 2018 at 8:35 pm #1009626Hey gextiona,
Is it a specific area or all the backgrounds? Which background image needs to be removed?
Best regards,
Jordan ShannonSeptember 13, 2018 at 10:26 pm #1009675Hi Jordan!
Thanks for the reply.
I’d like to hide them all because I have a problem with the text over it. So If I can hide all them… it would be great.
If you check the site with a mobile phone you’ll see what I mean. There’s an image in blue that makes the text over it impossible to be read
thanks again
Victor
- This reply was modified 6 years, 1 month ago by gextiona.
September 13, 2018 at 10:42 pm #1009683Hi,
Add this to quick css:
@media only screen and (max-width: 1024px) { .avia-section{ background-image:none!important; }}
Best regards,
Jordan ShannonSeptember 13, 2018 at 11:16 pm #1009708This reply has been marked as private.September 13, 2018 at 11:33 pm #1009711Hi,
Have you added my code to the very top of quick css so that it runs first? Also, be sure to clear your cache a few times over.
Best regards,
Jordan ShannonSeptember 13, 2018 at 11:46 pm #1009718Hi Jordan!
I have just done it but I get the same result.
Thank you for your kindness
Regards
September 14, 2018 at 12:14 am #1009732Jordan
what about a code to hide the background image on just one color section. I can tag it and hide just that one
Thanks
September 14, 2018 at 6:03 am #1009809Hi,
To hide all of the background-images on your site for mobile view, Please try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px) { .av-parallax { background-image: none !important; } }
Best regards,
MikeSeptember 14, 2018 at 8:23 am #1009816Thanks Mike!!
That’s works. Can I do the same but for just one color section with id?? because that code also hides others backgrounds that I want to be shown.
Regards
September 14, 2018 at 8:54 am #1009826Hi again!
I did it with this code and it works now
@media only screen and (max-width: 767px) {
#transver_sect .av-parallax {background-image: none !important;}
}Thanks for your help… you all are very kind!!
Be well
September 14, 2018 at 1:09 pm #1009888Hi,
Glad to see that you were able to adjust the css to achieve your results.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeOctober 26, 2018 at 9:07 am #1026668Sorry for the delay on replying… of course!
Thanks for your… always quick and accurate help
October 26, 2018 at 3:29 pm #1026850Hi gextiona,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.