Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #14690

    Hi there!

    Please forgive my lack of technical terms, but I’m having a problem with my product pages.

    The problem can be viewed here:

    As you’ll see, the product info itself along with the images are all pushed to the right side, with a huge block of empty space on the left.

    This seems like it might be because of the shop menu at the top, as they seem to be interfering with each other a bit. That’s the opinion of someone who knows very little about code, though.

    How can I fix this?

    If it has anything to do with my custom CSS, here is all I have:

    .sub_menu {

    position: relative;

    z-index: 130;

    font-size: 11px;

    display: block;

    float: none;

    text-align: center;

    width: 220px;

    margin: 0 auto 10px auto;


    .content .box {

    background: rgba(255, 255, 255, .8);


    .sidebar .box,

    .sidebar #search-2,

    .sidebar #socket {

    background: #11a6b2 !important;

    } .content .box {

    width: 740px;

    } .content .box {

    width: 740px;

    } .content .box {

    width: 740px;

    } .content .box {

    width: 740px;




    Try this on your custom.css

    .template-shop-single .product {
    overflow: hidden;
    clear: both;



Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Product Page "Smooshed"’ is closed to new replies.