Neve sidebar max-width overwritten to max-width: 0%;

  • Resolved adwjoe

    (@adwjoe)


    3 years, 5 months ago

    Similar to these threads except I haven’t found the cause yet:
    https://www.ads-software.com/support/topic/neve-sidebar-made-narrow-conflict-with-elementor/
    https://www.ads-software.com/support/topic/change-sidebar-width-26/
    https://www.ads-software.com/support/topic/sidebar-not-appearing-on-the-side/

    I am building an online store using WordPress/WooCommerce and trying to get it to work with Neve Theme using the template Shop from the Gutenberg collection of starter sites.

    I am having a frustrating problem come up where the sidebar max-width is being overwritten to 0%. If you view the linked staging site you can see the problem. If you inspect element on the sidebar you get the following conflict where max-width: 0%; overwrites max-width: 25%;.

    @media (min-width: 960px)
#content.neve-main > .container > .row > .nv-sidebar-wrap, #content.neve-main > .container > .row > .nv-sidebar-wrap.shop-sidebar {
    max-width: 0%;
}

@media (min-width: 960px)
.archive.woocommerce .neve-main > .shop-container .nv-sidebar-wrap {
    max-width: 25%;
}

    In Appearance -> Themes -> Customise -> Layout -> Content/Sidebar I enabled Advanced Options and under Shop/Archive I set the layout as “Left” with a content width of 75%.

    I have the following plugins installed:
    Age Gate
    Code Snippets
    FiboSearch
    Font Awesome
    Jetpack
    WooCommerce
    WooCommerce Shipping and Tax
    WooCommerce Square
    WOOF – WooCommerce Products Filter
    WPForms Lite

    Based on the thread above I tested by deactivating each of the plugins and refreshing the page yet had no success at making the bug disappear, so I don’t think there’s a conflict with a plugin.

    I have removed from /wp-content/themes/ every other theme except Neve. The problem persists so it’s nothing to do with a different theme.

    What can be causing this overwrite? What can I do to fix this?

    Joe

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter adwjoe

    (@adwjoe)

    After no reply I decided to delete WordPress and start again. I don’t know what I did in the first installation but the sidebar is working ok now. This isn’t an ideal fix as once the site is live I don’t want to delete it and start again if an error occurs. There should be an easy fix to this.

    Is there any way to edit my original post to remove the link to my website? It’s a staging site and I’d rather keep it private for security reasons. Thank you.

    Mat

    (@mateithemeisle)

    Hello @adwjoe ,

    Thank you for choosing Neve and we are sorry for the delayed response.

    We are glad to hear that the issue is now fixed even though you had to resort to an extreme solution. In the case of CSS commands overwriting each other one of the common fixes could be to include de !important tag in the command you want to keep.

    For your example you could have tried this instead 

    @media (min-width: 960px)
.archive.woocommerce .neve-main > .shop-container .nv-sidebar-wrap {
    max-width: 25% !important;
}

    Thank you for sharing your solution with the community and we wish you an amazing day!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Neve sidebar max-width overwritten to max-width: 0%;’ is closed to new replies.

Tags