Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 25, 2015 at 2:46 am #385042
    EricS72

    I do use the option “Show sidebar on smartphones (Sidebar is displayed then below the actual content)”. Since I have a nav menu with very long words in my sidebar I would like to have this option also for tablets. How can I accomplish this with Quick-CSS (change the viewport-value from <768px to <1004px)?

    January 26, 2015 at 2:51 pm #385442
    EricS72

    I have tried to change the sidebar-content-ration. With 35% for the sidebar it works fine, but I lose a lot of space for the content. Any help with the CSS is appreciated.

    January 27, 2015 at 7:47 am #386008
    Ismael

    Hey!

    Thank you for using Enfold.

    Try to use this on Quick CSS:

    /* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 100%;
}
}

    Cheers!
    Ismael

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