Community Forums

Mihaila –

After the most recent update, I’m having issues with #1 (above) again – I would like my “Items you might be interested in” in the cart page to be 4 across. I checked the code you gave me above for the wc-templates-functions.php file and couldn’t find that exact code any longer: <span style=”background-color: #f9f9f9; color: #4b4d4d; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px;”>function woocommerce_cross_sell_display( $posts_per_page = 2, $columns = 2, $orderby = ‘rand’ </span>

Instead, what I found was: function woocommerce_cross_sell_display( $limit = 2, $columns = 2, $orderby = ‘rand’, $order = ‘desc’ ) { global $woocommerce_loop;

I changed the $limit and $columns to 4, but I still don’t have 4 products – I now have 3 (it seems the margins may be off.)

I also have this code in my CSS:

.woocommerce-cart ul.products li.product.columns-2 {

margin-right: 1%;

width: 24.25%;

}

Can you tell me if I need new/different code to make this change, or if there’s a change I need to make going forward so I can fix this for future updates?

Thanks!

Rebecca

Mihalia –

Two of these issues popped up again with the most recent Tower update:

1) In regular screens, the search icon is laying on top of the final menu item. This is only when using the Opera browser – it looks fine in Firefox, Chrome and IE.

2) The tables in the Cart page are messed up. (Checkout page is fine this time around.)

I haven’t changed any of the CSS code you gave me above, last time this happened. Please let me know if you need screenshots.

Thank you – that seems to have worked!

Mihaila –

Unfortunately, with the recent theme update to Tower, the CSS you gave for this issue is no longer working on PC (the CSS for mobile still works fine.) When I turn on the sitewide notice and add the following CSS, the notice covers the header.

 
<p style=”margin-bottom: 0in; background: #ffffff;”><code class=”western”><span style=”color: #000000;”><span style=”font-family: Times New Roman,serif;”><span style=”font-weight: normal;”><span style=”background: transparent;”>.header_wrapper.header_11 {
padding-top: 40px !important;
}
.admin-bar p.demo_store {
top: -9px;
}</span></span></span></span></p>
 

I tried adjusting the values for both the header_wrapper and admin-bar, but nothing moved. Ideas? I’ve turned off the sitewide notice for now, because it covers the navigation for the site (and I removed the associated CSS because without the notice, it makes the naviation bar far too wide) – but you have my credentials in my profile if you want to turn it on to see what I mean. I’ve also attached a screenshot. Thanks!

Thank you – those adjustments worked!

Mihaila – unfortunately no, that didn’t work – it looks the same.

Thank you – that looks great on a PC! However, it has messed with the responsive navigation bar and layout on my phone.

Here is the “visit us” page with the banner activated – the navigation bar is now cutting off the element at the top rather than pushing it down. In addition, there is a new section of brown on the right:

And here is the home page with the banner removed – the navigation bar at the top is too wide, and it’s still cutting off the top of the element (slider in this case):

Thanks!

Rebecca