Big screen spacing assistance

  • Resolved alexnewton10

    (@alexnewton10)


    11 years, 6 months ago

    Hello,

    I am developing with theme2014 and woocommerce on a test site to get a feel for this combination.

    The small screen (phone) layout works fine, though i am having a few problems with big screen (laptop) layout.

    First, in a multi-product page, the ‘Add to Basket’ buttons stack on top of each other, rather than sit next to each other.
    Can you help with ensuring that the product items are spaced as a unit?
    http://flycrew.musetopia.com/?product_cat=eating-in

    Second, in the basket page, column 1 of the basket summary is very narrow and doesn’t make use of the space towards the left of the page.
    Can you help with making column 1 wider, using more of the left of the page?

    Third, in the checkout page, the columns appear to justify to different column positions. I have also noticed that if I have a narrow use of the content side-bar (right-hand side), the fields do not stack on top of each other.
    How do i ensure that fields always stack on top of each other, at the same left-justify position ?

    Any help with this would be greatly appreciated and i plan to make these mods in a child theme, if this makes a difference.

    Regards,
    Alex,

    https://wordpress.org/plugins/woocommerce/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Peter Lawrenson

    (@lorro)

    11 years, 6 months ago

    Try this in your custom css:

    .twentyfourteen .tfwc {margin:0; padding-right:0; max-width:100%}

.hentry .entry-content {margin:0; padding-right:0; max-width:100%}
.woocommerce-page .cart-collaterals .cart_totals table th {width:250px}
.woocommerce-page .cart-collaterals .cart_totals table td {width:150px}

.woocommerce-page .col2-set .col-2 {float:none}
.woocommerce-page .col2-set .col-1 {width:420px}

    Check for adverse effects on other pages.

    You might have less issues with a theme that already features WooCommerce compatibility, such as virtue, or others.

    Thread Starter alexnewton10

    (@alexnewton10)

    11 years, 6 months ago

    Hi Lorro,

    Great recommendations.

    Before trying mods, I tried a Woo-compat theme first at http://flycrew.co.uk

    Using virtue has made a tremendous difference.

    Still a lot of work to do, but all of the issues that i raised are no longer present and i think this theme has a fresher feel too

    Thanks for the help and for the recommendations

    Alex,

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

The topic ‘Big screen spacing assistance’ is closed to new replies.

Tags