Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 29, 2014 at 12:20 pm #360057
    aminzainotdini

    I have this page: http://huskenulbrichbooks.com/know-singapore/

    I have some css rules 

    @media only screen and (max-width: 767px) {
  .page-id-3313 #av_section_3,
  .page-id-3313 #av_section_6,
  .page-id-3313 #av_section_9,
  .page-id-3313 #av_section_12,
  .page-id-3313 #av_section_15 {
      background-image:none !important;
  }
}

    When I resize it on my desktop browsers, the background images are hidden correctly. However, when I load the same page through my iphone, the background images are still there. Any ideas? Thanks.

    November 30, 2014 at 5:23 pm #360305
    Elliott

    Hi aminzainotdini!

    That looks like it should be working. Send us a WordPress login and we’ll take a closer look.

    Best regards,
    Elliott

    December 1, 2014 at 4:30 am #360572
    aminzainotdini
    This reply has been marked as private.
    December 1, 2014 at 5:45 pm #360903
    Elliott

    Hey!

    I changed the CSS around. Try deactivating all of your plugins and then clear your browser cache to see what happens.

    Best regards,
    Elliott

    December 3, 2014 at 12:41 pm #362068
    aminzainotdini

    Hi Elliott, we disabled all the plugins except for woo commerce and akismet. We cleared the cached on our mobile browsers but the problem still persists.

    December 3, 2014 at 10:18 pm #362525
    Elliott

    Hey!

    Hmm, try commenting out line 21 in /enfold/js/shortcodes.js.

    //$('.avia-bg-style-fixed').avia_mobile_fixed();

    Cheers!
    Elliott

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