[Resolved] Change side bar mobile break point

Home Forums Support [Resolved] Change side bar mobile break point

Home Forums Support Change side bar mobile break point

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1580332
    Sam

    I have a side bar on my blog posts that displays a WP Show post Post archive (image and Header title)

    I would like to change the break point – as anything under 900px starts to look long and thin

    Not sure how to go about it (can’t figure what element I am trying to set the CSS against)

    #1580364
    Ying
    Staff
    Customer Support

    Hi Sam,

    Try this css:

    @media (max-width: 900px) {
        .site-content {
            flex-direction: column;
        }
        .container .site-content .content-area {
            width: auto;
        }
        .is-left-sidebar.sidebar, .is-right-sidebar.sidebar {
            width: auto;
            order: initial;
        }
        #main {
            margin-left: 0;
            margin-right: 0;
        }
        body:not(.no-sidebar) #main {
            margin-bottom: 0;
        }
    }

    Let me know πŸ™‚

    #1580373
    Sam

    Hey Ying – thanks for the speedy reply

    That unfortunately hasn’t had any effect

    #1580433
    Ying
    Staff
    Customer Support

    I’m not seeing the code being added – Could you try to clear and deactivate any caching plugins?

    Let me know πŸ™‚

    #1581146
    Sam

    Hey Ying

    That’s all worked – thanks

    I had to wait over night for the hosts CDN to flush – Unfortutnely there wasn’t a way for me to manually flush the cache on my staging site (leant something new)

    #1581773
    Ying
    Staff
    Customer Support

    Awesome! Glad that you figured it out πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.