Left-hand (Secondary) sidebar content not showing in responsive mode

  • Resolved beatxt

    (@beatxt)


    4 years, 10 months ago

    I’m designing my first site with Customify and finding it very intuitive and flexible – however… the left-hand sidebar content (Secondary Sidebar) is visible on my PC pages but isn’t showing on a tablet or smartphone layout under the main content or at the side on a landscape ipad screen. Footer sidebar content is fine.

    I found CSS code in another query to make the Primary sidebar show above the main content:
    ———————————-
    @media ( max-width: 768px ) {
    #main { order: 2; }
    #sidebar-primary { order: 1; }
    }
    ———————————
    And it does. So I tried the code below but it has no effect and the Secondary Sidebar content still doesnt appear:
    ———————————
    @media ( max-width: 768px ) {
    #main { order: 1; }
    #sidebar-secondary { order: 3; }
    #sidebar-primary { order: 2; }
    }
    ———————————
    All help appreciated! Thanks.
    Tim

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

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

    (@longnguyen)

    4 years, 10 months ago

    Hi,

    Please try to use this custom CSS code in Appearance -> Customize -> Additional CSS

    @media screen and (max-width: 1024px) {
  .sidebar-content-sidebar .site-content #sidebar-secondary {
    display: block;
  }
}

    Regards.

    Thread Starter beatxt

    (@beatxt)

    4 years, 10 months ago

    Hi
    That code works brilliantly in my Simple Custom CSS plugin too. Exactly what I wanted to see.
    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Left-hand (Secondary) sidebar content not showing in responsive mode’ is closed to new replies.