CSS issue. Can not set width

  • Hi.

    I used code bellow.

    @media screen and (min-width: 960px) {
    .sidebar.s1 {width: 320px}
    .sidebar.s2 {width: 240px}
    .content {width: 840px}
    }

    The code worked, but broken style because behide of these class, have another class “main-inner group”. How do i change width success way please?

Viewing 1 replies (of 1 total)

  • Hi,

    I have the same issue. My child theme used to work with the increased width to 340 but it seems that the new update has moved the sidebar width to js. My custom css that was working is now failing when the screen width requires collapsing s2.

    .col-3cm .main-inner { padding-right: 340px; }
.col-3cm .sidebar.s2 { margin-right: -340px; }
.col-3cl .sidebar.s2 { margin-right: -340px; }
.col-3cr .sidebar.s2 { margin-left: -340px; }
.sidebar.s2 { width: 340px; }
@media only screen and (min-width: 480px) and (max-width: 1200px) {
.col-3cm .s2.collapsed {margin-right: -50px;}
.col-3cm .s2.collapsed {width: 50px;}
.s2-expand .s2 {width: 340px;}
.s2-expand .s2 .sidebar-content { display: block; min-width: 340px; }
}
Viewing 1 replies (of 1 total)
  • The topic ‘CSS issue. Can not set width’ is closed to new replies.