Navigation
Archive / Reduce sidebar width on smaler screens
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 27, 2017 at 4:52 am #1347580
    michaelxxx
    Participant

    The thumbnail pictures of my posts have a size of 900×600. I have a Screensize of 1680×1050 and everything is good.

    With smaller screens the thumbnail pictures will reduced to (for example) 830×553.
    Because of the smaler size I get problems with TOC+

    How is it possible with CSS, that the main frame has always a minimum of 920 pixel (that the pictures can be shown in the correct size) and the sidebar on smaler screens will then be smaller?

    January 27, 2017 at 5:45 am #1347619
    Paul R
    Moderator

    Hi,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

    January 27, 2017 at 6:10 am #1347646
    michaelxxx
    Participant

    Here is my URL
    https://one-million-places.com/reiseberichte/mittelamerika-karibik/dominikanische-republik/letzter-seetag-strandtag-punta-cana

    January 27, 2017 at 7:22 am #1347714
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
.x-main {
    min-width: 960px;
}

@media (max-width: 979px) {
   .x-sidebar {
     width: 26%;
   }
}

    Hope that helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1347580 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>