Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 26, 2018 at 12:22 pm #977894
    pagemod

    On tablets in portrait mode, the blog archive sidebar gets very narrow – too small to look good in my opinion.
    How can i hide the sidebar in tablet / portrait view ?

    Thank you
    and have nice day

    June 26, 2018 at 6:24 pm #978062
    Victoria

    Hey pagemod,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:767px) and (max-width: 990px) {
    #top .news-link .news-thumb {
        display: none;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 27, 2018 at 11:08 am #978355
    pagemod

    Hallo Victoria,
    i am sorry – but i added code at quick css, cleared cache and tested again – its the same problem.
    After that i added code at child theme css, cleared cache and tested again – its the same problem.
    I am even adding a “control-code” to each test, where a change color of H2 to see if i get the latest version of css but none of the codes you sent seem to effect the site at all :-(
    Thank you
    mod

    June 28, 2018 at 4:29 am #978703
    Ismael

    Hi,

    Thanks for the update.

    We adjusted it a bit. This css code should hide the sidebar and increase the width of the content container when the screen width is less than 1024px.

    @media only screen and (max-width: 1024px) {
.responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
    display: none;
}

.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
}
}

    Best regards,
    Ismael

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