Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #608633

    My sidebar is removed below 767px viewport width.

    How can I remove it when the viewport width is below 989px ?

    #608742

    Hey notsocool,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 990px) {
    .sidebar {
    display:none !important;
    }
    }

    Best regards,
    Rikard

    #608938

    Thanks, in this solution sidebar is removed but the main content is still about 75% of width (in other words there is blank space on the right side of main content).

    I want to achieve something like at 767px breakpoint when sidebar is removed and main content takes 100% of width.

    #608942

    Hey!

    Please change the code to following one

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

    Regards,
    Yigit

    #608956

    Great, looks much better now… but it seems that it is something like 95% of width (at 767px breakpoint main content is little bit wider).

    #609321

    Hi,

    I’m not sure I understand what you mean about your last post, could you post a link to your site so that we can have a closer look please? A screenshot highlighting the problem might help as well.

    Thanks,
    Rikard

    #609916

    Sure, Please check link and screenshot in private content.

    #611010

    Hi,

    Sorry for the late answer. I couldn’t see anything like that on a minimised desktop browser or on iphone 6 both using Chrome. In what browser are you getting this error? Or maybe you managed to get it fixed?

    Best regards,
    Rikard

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