Custom sidebar width on mobile

  • Resolved afrikablam

    (@afrikablam)


    7 years, 2 months ago

    Hi, I would like my sidebar to be 45% of the page on desktop so I’m using the CSS:

    /*—SIDEBAR WIDTH—*/
    .col-md-4, .span4 {
    width: 500px !important;
    }

    But when I do that the sidebar on mobile also goes to 45%…how can I adjust the size of the sidebar on the desktop but keep the sidebar the same on mobile (normally it automatically adjusts to fit the screen fully on mobile).

    Any help would be appreciated!!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • If adjusting the width of your sidebar, I suggest that you use this CSS:

    @media (min-width: 992px) {
aside#ktsidebar {
    width: 45%;
}
.main {
    width: 55%;
    }
}

    Try that and let me know if it works for you.

    -Kevin

    Thread Starter afrikablam

    (@afrikablam)

    Works perfectly!

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom sidebar width on mobile’ is closed to new replies.