Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 17, 2020 at 11:01 pm #1185452
    swilschutz

    Hello,

    I have a color section with a custom CSS class (intro-box-main). I have the CSS media query below. The intent is to remove the background image on small resolution devices. It works when I shrink my browser window, but not when I try it on my iPhone. I tried both Chrome and Safari and reset the cache. Any ideas?

    Thanks in advance.

    @media only screen and (max-width: 767px) {
.intro-box-main {
background: #fff;
background-image: none !important;}}
    February 18, 2020 at 5:47 am #1185546
    Rikard

    Hey swilschutz,

    I can’t see your CSS applying at all, where did you add it? Please try it in Quick CSS and don’t forget to select to delete the old CSS and JS files under Enfold->Performance before you check the results.

    Best regards,
    Rikard

    February 18, 2020 at 6:00 am #1185554
    swilschutz

    It’s in the Quick CSS section and it’s working — I can tell because it works when I resize a browser window on the desktop browser, just not in mobile.

    I cleared the settings under Performance and it’s still the same.

    February 18, 2020 at 6:01 am #1185555
    swilschutz

    See Private Content for admin access.

    February 19, 2020 at 1:52 pm #1186030
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field instead:

    @media only screen and (max-width: 767px) {
.intro-box-main > .av-parallax {
background: #fff;
background-image: unset !important;}}

    Best regards,
    Mike

    February 19, 2020 at 4:20 pm #1186097
    swilschutz

    Yes, that worked. Thanks, Mike.

    February 19, 2020 at 4:25 pm #1186100
    Yigit

    Hi,

    Glad Mike could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘CSS Media Query not Working on Mobile Phone’ is closed to new replies.