Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #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: http://shopcirca360.com/?product=top1

    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;

    }

    #top.page-id-40 .content .box {

    width: 740px;

    }

    #top.page-id-43 .content .box {

    width: 740px;

    }

    #top.page-id-46 .content .box {

    width: 740px;

    }

    #top.page-id-49 .content .box {

    width: 740px;

    }

    #84516

    Hello,

    Try this on your custom.css

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

    Regards,

    Ismael

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

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