Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 14, 2016 at 4:18 pm #712040
    bleepstudio

    Hi,

    I’ve looked at previous threads on hiding elements (sections, divs, classes) in desktop and mobile sizes and using ‘display: none;’ but this isn’t working on Windows and IE. I looked at my page on browser stack and my sections are all visible PLUS the main menu.

    This link has images from the browsers below: http://insidechristianmacleod.com/wp-content/uploads/2016/11/archive_7858162d9918de3577e4b199b488b02109964e50.zip
    Windows 7ie 8
    Windows 10ie 11
    Windows 8.1ie 11
    Windows 8.1firefox 30
    Windows 8ie 10
    Windows 7ie 9

    November 14, 2016 at 9:26 pm #712171
    Jordan

    Hey Steven,

    Could you post the CSS code you are using to hide certain sections of the page. This only happens in the above environments you listed, correct?

    Best regards,
    Jordan

    November 15, 2016 at 11:54 am #712423
    bleepstudio

    Yes, this only happens in Windows and Internet Explorer – testing on browserstack. CSS below:

    #bottom_section_mobile {display: none!important;}
    .mobile_gallery {display: none!important;}

    @media only screen and (max-width : 767px) {
    #bottom_section_mobile {display: block!important; position: absolute; bottom:0; background-color: transparent!important; z-index:600!important;}
    #bottom_section {display: none!important;}
    .mobile_gallery {display: block!important;}
    #bottom_section_mobile {display: block!important;}
    .desktop_gallery {display: none!important;}
    }

    November 17, 2016 at 5:29 am #713359
    Ismael

    Hi,

    I’m sorry but IE8 do not support css media queries but those rules should be applied on IE9 and later versions.

    // http://caniuse.com/#feat=css-mediaqueries

    Best regards,
    Ismael

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