Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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.

    #1009626

    Hey gextiona,

    Is it a specific area or all the backgrounds? Which background image needs to be removed?

    Best regards,
    Jordan Shannon

    #1009675

    Hi 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.
    #1009683

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 1024px)  {
    .avia-section{
    background-image:none!important;
    }}

    Best regards,
    Jordan Shannon

    #1009708
    This reply has been marked as private.
    #1009711

    Hi,

    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 Shannon

    #1009718

    Hi Jordan!

    I have just done it but I get the same result.

    Thank you for your kindness

    Regards

    #1009732

    Jordan

    what about a code to hide the background image on just one color section. I can tag it and hide just that one

    Thanks

    #1009809

    Hi,
    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,
    Mike

    #1009816

    Thanks 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

    #1009826

    Hi 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

    #1009888

    Hi,
    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,
    Mike

    #1026668

    Sorry for the delay on replying… of course!

    Thanks for your… always quick and accurate help

    #1026850

    Hi gextiona,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.