Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 13, 2018 at 1:58 pm #1009397
    gextiona

    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 #1009626
    Jordan Shannon

    Hey gextiona,

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

    Best regards,
    Jordan Shannon

    September 13, 2018 at 10:26 pm #1009675
    gextiona

    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.
    September 13, 2018 at 10:42 pm #1009683
    Jordan Shannon

    Hi,

    Add this to quick css:

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

    Best regards,
    Jordan Shannon

    September 13, 2018 at 11:16 pm #1009708
    gextiona
    This reply has been marked as private.
    September 13, 2018 at 11:33 pm #1009711
    Jordan Shannon

    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

    September 13, 2018 at 11:46 pm #1009718
    gextiona

    Hi 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 #1009732
    gextiona

    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

    September 14, 2018 at 6:03 am #1009809
    Mike

    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

    September 14, 2018 at 8:23 am #1009816
    gextiona

    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

    September 14, 2018 at 8:54 am #1009826
    gextiona

    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

    September 14, 2018 at 1:09 pm #1009888
    Mike

    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

    October 26, 2018 at 9:07 am #1026668
    gextiona

    Sorry for the delay on replying… of course!

    Thanks for your… always quick and accurate help

    October 26, 2018 at 3:29 pm #1026850
    Victoria

    Hi gextiona,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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