Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 16, 2016 at 1:08 am #712683
    Sue

    Hi
    I am using enfold theme and have on my homepage a login form and a image which is stored as a background image in a color-section.
    So on iphone and small devices the images lays behind the login form – which is not wanted. Actually it should be hidden on small device.

    any conclusion how to do it?
    even when I am given the section an css id or class it did not worked out.

    many thanks for any help.

    kind regards
    sue

    November 16, 2016 at 7:07 am #712777
    Rikard

    Hey Susanne,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#pfizerbackground {
  background-image:none !important;
}
}

    Best regards,
    Rikard

    November 17, 2016 at 2:57 pm #713597
    Sue

    Hi Rikard
    I tried the css code – but no changes.
    I also added the code on the custom.css – but no changes, still displayed on smaller devices. any other conclusions, suggestions?

    thank you in advance,
    kind regards
    sue

    • This reply was modified 9 years ago by Sue.
    November 19, 2016 at 8:05 am #714296
    Ismael

    Hey!

    Please adjust the css media query.

    @media only screen and (max-width: 989px) {
    #pfizerbackground {
       background-image:none !important;
    }
}

    I would like to edit the code but the login credentials are not working. Please check it carefully.

    Regards,
    Ismael

    November 19, 2016 at 11:44 am #714329
    Sue

    Hi
    I added the css code as mentioned.
    many thanks for your prompte assistance.

    kind regards,
    sue

    • This reply was modified 8 years, 12 months ago by Sue.
    November 19, 2016 at 1:03 pm #714333
    Sue

    thanks for your assistance.
    problem is solved as long as background image attribute is on “scrolling” and not on “fixed or parallax”.

    but it still would be great if it works also on fixed background images and not only when “scrolling” is selected.

    kind regards

    November 20, 2016 at 1:17 pm #714489
    Basilis

    Hey!

    Different effects are not all ( at least for now ) possible to be used on mobile we are afraid that is why
    not all work.
    Thanks a lot for your understanding

    Cheers!
    Basilis

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