Expanded Primary Sidebar area – Responsive not adjusting correctly

  • Resolved CindyOTSEO

    (@cindyotseo)


    8 years, 10 months ago

    I’m using Virtue premioum and needed a little more room in my primary sidebar. I made the following addition to the custom CSS under advanced options:

    .col-lg-9 {
    width: 70%;
    padding-top: 15px;
    }

    .col-lg-3 {
    width: 30%;
    padding-top: 15px;
    }

    Now it is only using 70% of that column, even when it stacks for mobile. It only is a problem on my interior pages and on mobile devices when it tries to stack and there is a huge margin to the right (obviously the 30%)

    I’m obviously overriding a portion of code, but cannot figure out what. Can you help me? Website page example: https://herculesfencecompanyocala.com/pvc-vinyl-privacy-fences/

    Thank you.

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

  • Try copying and pasting this into the Appearance >Theme Options >Advanced Styling.

    @media (max-width: 992px)  {
aside#ktsidebar {
    text-align: center;
    width: 100%;
 }
 div#ktmain {
    width: 100%;
}
}

    Hope that helps!

    Thread Starter CindyOTSEO

    (@cindyotseo)

    Like a charm!

    Thank you Kevin!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Expanded Primary Sidebar area – Responsive not adjusting correctly’ is closed to new replies.