Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 20, 2018 at 9:56 pm #1012482
    MJM

    Hello,

    I am using a left sidebar on all of my pages and I was wondering if there was a way to force it down to the bottom on at 989px rather than 767px. I have buttons in the sidebar that start overlapping each other as the page shrinks. Let me know if this is possible, thank you!

    September 21, 2018 at 8:02 am #1012672
    Nikko

    Hey Kirstie,

    Try adding this css code in Quick CSS located in Enfold > General Styling:

    @media only screen and (max-width:989px) {
  #top .sidebar_left .content {
    width: 100%;
    float: none;
    border: 0;
  }

  #top .sidebar_left .content .entry-content-wrapper {
    padding-right: 0;
  }

  #top #main .sidebar_left .sidebar {
    border: 0;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    September 21, 2018 at 4:57 pm #1012834
    MJM

    That worked perfectly. Thanks so much!

    September 22, 2018 at 5:27 am #1012990
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 24, 2018 at 3:09 pm #1013654
    MJM

    This topic can be closed. Thanks!

    September 24, 2018 at 9:24 pm #1013854
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sidebar Break on Tablet’ is closed to new replies.