Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 18, 2017 at 7:43 am #878375
    kelsangchodor

    Der Sir,

    Can, what CSS can I use to choose what dimension of width (px) is the deciding factor on when the side bar is not shown or not?

    I do not want the side bar on a mobile displayed when the width of screen is under 800

    I did search the forums – couldn’t find an answer

    Thanks for any help,

    Christopher Skelton.

    November 19, 2017 at 9:10 am #878725
    Rikard

    Hey kelsangchodor,

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

    @media only screen and (max-width: 800px) {
  .sidebar {
    display:none;
  }
}

    Best regards,
    Rikard

    November 19, 2017 at 12:27 pm #878752
    kelsangchodor

    Hi,

    Thanks for this. This css doesn’t work completely. This just disappears the sidebar but the line to the left of the sidebar doesn’t disappear.

    So, my page ratio is 73% 27%. I’m looking for the main content to become 100% and the sidebar and line to left to completely disappear at the width of max 800px

    Thanks!

    November 20, 2017 at 12:41 pm #879082
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 800px) {
  .content {
    width: 100% !important;
    border: none !important; 
  }
}

    Best regards,
    Yigit

    November 21, 2017 at 6:32 am #879518
    kelsangchodor

    It worked – thanks for your help :)
    I did have to use:
    .sidebar border:none! too

    November 21, 2017 at 10:59 am #879642
    Victoria

    Hi kelsangchodor,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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