[Resolved] 2 columns for screen size from 600 to 800px

Home Forums Support [Resolved] 2 columns for screen size from 600 to 800px

Home Forums Support 2 columns for screen size from 600 to 800px

  • This topic has 8 replies, 3 voices, and was last updated 5 years ago by Leo.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #862564
    Anil

    Hi

    I installed tasty theme

    on screen size 768 it shows 2 columns of blog and sidebar below… PERFECT.

    I want to maintain this view from screen size 600 to 800px.

    Please advise…..

    #862659
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media (max-width: 800px) and (min-width: 600px) {
        .post.generate-columns {
            float: left;
            width: 50% !important;
        }
        .content-area {
            width: 100% !important;
        }
        .sidebar {
            float: none !important;
            width: 100% !important;
            left: 0;
            right: 0; 
        }
    }
    #862997
    Anil

    Thanks, it is awesome…

    #862998
    Anil

    Bye

    #863021
    David
    Staff
    Customer Support

    Glad to be of help.

    #863196
    Anil

    Hi

    just updated the code

    @media (max-width: 1000px) and (min-width: 600px) {
        .post.generate-columns {
            float: left;
            width: 50% !important;
        }
        .content-area {
            width: 100% !important;
        }
        .right-sidebar.separate-containers .site-main {
        	margin: 20px 0 20px 0;
    	}
        .sidebar .widget {
        	background-color: #efefef;
    	}
        aside .widget-search {
        	background-color: #ffffff;
        }
        .sidebar {
            float: none !important;
            width: 100% !important;
        }
    }

    please guide to make sidebar aside WHITE

    #863226
    Leo
    Staff
    Customer Support

    Isn’t the sidebar already white?
    https://www.screencast.com/t/bsT7erKa3dLE

    Or am I missing something?

    #863268
    Anil

    resolved

    #863286
    Leo
    Staff
    Customer Support

    No problem 🙂

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