• Our shop page isn’t fitting to the width of the page. Initially I thought it was a WooCommerce problem, but now I’m no sure. I’ve been getting help from another post, but my friend is suggesting it’s a theme issue. The shop isn’t fitting to the width with or without widgets so that’s not the issue. Thanks in advance.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Roch

    (@rochesterj)

    Hi!

    Thanks for reaching out, and I’m sorry for the trouble.

    Usually we can’t help with plugin-related issues, but maybe it’s possible to fix this via CSS.

    Add the following code in your custom css field ( Wp admin > SportsPress > Settings > General > Custom CSS ) and let us know how it works:

    body #primary #primary {
    	width: 100%;
    }

    BTW, the issue seems to be caused by a primary ID that is nested (maybe the plugin is adding the second primary there)

    Thanks!

    Thread Starter northshoreutd

    (@northshoreutd)

    Roch,

    I have added it through the Additional CSS customization. I’m not sure that I understand the pathway you wrote out for the custom css field. Is that the same? If not, where do I find access that field?

    Thread Starter northshoreutd

    (@northshoreutd)

    I found it and have added those code inside the SportsPress settings. It seems to have corrected the shop page, but not the individual products.

    https://www.northshoreutd.com/product/nufc-black-replica/

    Roch

    (@rochesterj)

    Hi!

    Thanks for that, I’m glad it’s working now.

    I didn’t know that the product page was wrong as well. What is your desired styling for it though? It’s hard to tell by the page itself (as it is as big as its container now).

    Thanks!

    Thread Starter northshoreutd

    (@northshoreutd)

    We would like to have the individual product page match the shop page. There is a large empty space between the product details and the widgets for every individual product. Basically, we would like to make the same correction to the product as we did the shop front.

    https://www.northshoreutd.com/shop/ <-Fixed with code provided.

    https://www.northshoreutd.com/product/nufc-black-replica/ <- Additional content area needs to be removed

    Roch

    (@rochesterj)

    Hi!

    Thanks for your reply.

    Please add this CSS there as well:

    .single-product #primary .product {
    	width: 100% !important;
    	max-width: 100% !important;
    }

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Site shop width not working with theme’ is closed to new replies.