secondary sidebar width and mobile device

  • Resolved Gianluca

    (@karnhack)


    7 years, 8 months ago

    I made changes to secondary sidebar, but on the mobile device version I get a bad result.
    I wish that the changes occur only in the desktop version. Thanks.

    .has-sidebar:not(.error404) #primary {
width: 70%
}
.has-sidebar #secondary {
width: 25%
}
@media(max-width:768px) {
.has-sidebar:not(.error404) #primary {
   width: 100%
}
    • This topic was modified 7 years, 8 months ago by Gianluca.
    • This topic was modified 7 years, 8 months ago by Gianluca.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello Gianluca,

    Please put the css in the media query if you wanted that will only work in deskyop version. here is the media query

    @media (min-width:992px) { put your css here }

    I hope the above was helpful.

    Kind regards,

    Manoj

    You can use media queries if you only want to apply the changes on desktop.

    @media(min-width:768px) { 
// write your modified CSS here
}

    Let us know if you need help with anything else!

    Thread Starter Gianluca

    (@karnhack)

    thanks!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘secondary sidebar width and mobile device’ is closed to new replies.