Sidebar background color css in responsive mode

  • Resolved MrMountain

    (@mrmountain)


    7 years, 11 months ago

    I have made some changes to the CSS for sidebar background color. Works great in full screen mode, but when sidebars starts to collapse in responsive mode (pad and large phones) the sidebar fields appear as narrow light colored columns using the original sidebar color.
    Any suggestions where in the CSS I can change the semi collapsed sidebar color?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter MrMountain

    (@mrmountain)

    7 years, 11 months ago

    Follow-up on this issue: The custom background color in sidebar defined in CSS also affect only the sidebar area as far as widgets fill the sidebar. Light area will displays below the last widget, if the main content fills more than total hight of widgets in sidebar.
    Link to actual site:
    http://nyekjokkenhuset.no/
    The custom css used to edit sidebar background is:

    .s1, .s2 {
  background: #1a1a1a;
}

    bdbrown

    (@bdbrown)

    7 years, 11 months ago

    Hi MrMountain. It looks like there is an offset there that’s not being filled. Try this css:

    .main-inner {
    background: #1a1a1a !important;
}
    Thread Starter MrMountain

    (@mrmountain)

    7 years, 11 months ago

    Thanks bdbrown – this fixed the problem 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sidebar background color css in responsive mode’ is closed to new replies.