Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 28, 2016 at 4:42 pm #639796
    hugaud

    Hi,
    I’m trying to hide a column containing a widget with a side menu on mobiles but I’m not having sucess with code I have found on another thread in the support forum.

    This is what I am using but it doesn’t seem to be working:
    I gave the colour section in which the column I want removed on mobiles site the ID name: custom-section

    And then used this in quick CSS:

    @media only screen and (max-width: 767px) {
    #custom-section .flex_column.first {
    display: none !important;
    }
    }

    Am I missing somehting ?

    PS: the original thread is here and the page I am trying to do this on is in private content below.
    Thanks in advance

    May 28, 2016 at 5:37 pm #639804
    Jordan

    Hey Hugues,

    Thanks for getting in touch with us!

    The above code does hide the sidebar menu. However, you have the menu again in a footer widget which is why it still appears on mobile. Try the following code if you want to hide it on mobile as well:

    @media only screen and (max-width: 767px) {
#nav_menu-3 {
    display: none;
}
}

    Best regards,
    Jordan

    May 31, 2016 at 4:45 pm #640970
    hugaud

    Ah yes, my bad for some reason i thought the sidebar menu was still showing but you’re right it was already being hidden on mobiles.
    Thanks

    May 31, 2016 at 6:08 pm #641006
    Jordan

    Hi,

    You’re welcome and feel free to reach out to us again on the forum if there is anything else you need.

    Best regards,
    Jordan

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