Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 19, 2015 at 10:42 pm #430992
    goforyourdreams

    I have the stretch layout with the right sidebar, and I enabled the option to show sidebar on smartphones.

    I like how the sidebar shows below the content for smartphones. How can I make it achieve the same functionality for IPAD?

    The sidebar content gets too squeezed on the tablet, so I want to have it display on the bottom below content, and for the content to fill the whole screen – the exact same functionality as PHONE, but on IPAD. How do I do that?

    Thanks in advance for your help!

    April 20, 2015 at 6:03 pm #431467
    Yigit

    Hi goforyourdreams!

    Can you please post the link to your website? It would be better if we saw your website live in order to provide an accurate custom CSS code.

    Regards,
    Yigit

    April 20, 2015 at 9:25 pm #431607
    goforyourdreams
    This reply has been marked as private.
    April 20, 2015 at 11:11 pm #431653
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Cheers!
    Yigit

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