klipklopp

Ok… That works… But two quick follow ups…

I see that in IE – on the checkout page the column is not falling under the word TOTAL – like it does in Firefox and Chrome… Any idea why? Is there a fix? If not, no biggie.

Also, I notice that the horizontal line going across separating the subtotal and the shipping cuts off at the total in the checkout – but all other lines go all the way over. Again, any idea why? Is there a fix – if not again – no big deal.

I’m just glad the columns are lining up now!

Thanks for all your help!

Ted

Hi,

Thanks for the code… Unfortunately – when I put this in, while it fixes the columns in the checkout – the columns on the cart page no longer line up.

Any suggestions for a fix to take care of both?

Thanks!

Ted

How can I determine if my plugins and theme are compatible. We have been using WooCommerce for a little over 2 years on our site…

Thanks!

Hi Iorro!

Thank you so much! This worked perfectly and did exactly what I was looking for!

Most grateful!

Ted

My apologies, as I obviously should have included that.

https://www.westminstertech.com

Thanks!

Ok, I’ll contact them.

Thanks.

Ted

This is how I have my settings currently:

https://www.westminstertech.com/wp-content/uploads/2016/01/Screen-Shot-2016-01-11-at-2.27.31-PM.png

When I go to a blog page, there is no date or time for the post… I can’t figure out why…

Thoughts?

Hi,

Thanks for the reply – follow up – leave what fields blank?

Thanks.

Ted

Hi Frank,

Thanks – I appreciate the clarification. Very helpful… I also checked the FAQ and I am down to what I believe are the remaining two spots I can possibly improve.. They are:

Minify JavaScript for the following resources to reduce their size by 2KiB (3% reduction).
Minifying https://www.westminstertech.com/…ize_50d79f5e4fbb86057f103eb98b0db3d7.php could save 2KiB (3% reduction) after compression.

Minify HTML for the following resources to reduce their size by 628B (1% reduction).
Minifying https://www.westminstertech.com/ could save 628B (1% reduction) after compression.

Also, I am not sure Autoptimize deals with this:

Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
141.3KiB of the HTML response was required to render the above-the-fold content. This requires 4 network round-trips. Prioritize the above-the-fold content so that it can be rendered with only the first 2 round-trips’ worth of HTML.
None of the final above-the-fold content could be rendered with the HTML delivered within 2 round-trips.

If so then for all of these – any suggestions would be appreciated… If Autoptimize doesn’t deal with the last one – any suggestions on other plugins or fixes would be wonderful.

Thanks!

Ted

Now I have noticed I am getting errors many more errors about Render-blocking Javascript and Optimizing CSS delivery since I excluded jquery.js as you suggested in the other post…

Your page has 3 blocking script resources and 8 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
https://www.westminstertech.com/…-includes/js/jquery/jquery.js?ver=1.11.3
https://releases.flowplayer.org/5.4.3/flowplayer.min.js?ver=2.0.8
https://s0.wp.com/…ontent/js/devicepx-jetpack.js?ver=201541
Optimize CSS Delivery of the following:
https://releases.flowplayer.org/5.4.3/skin/minimalist.css?ver=2.0.8
https://www.westminstertech.com/…orms-display.css?nf_ver=2.9.28&ver=4.3.1
https://www.westminstertech.com/…ugins/ninja-forms/css/qtip.css?ver=4.3.1
https://www.westminstertech.com/…ja-forms/css/jquery.rating.css?ver=4.3.1
https://www.westminstertech.com/…ize_377bac7fe13aa7dd27f586452e57c6b8.php
https://www.westminstertech.com/…ize_ba77177d5c18bfd408a1b3d372776b66.php
https://fonts.googleapis.com/css?family=Droid+Sans
https://fonts.googleapis.com/css?family=Oswald

Ted

Frank – Victory!!!
The button is back!

Thanks!

Ted

Hi Frank,

Thanks. I am actually using a plugin called WooCommerce Customizer. I looked at the console in Chrome, but to be honest, I am not entirely sure what to look for here… The errors that popped up appear as:

Uncaught ReferenceError: jQuery is not defined(anonymous function) @ flowplayer.min.js:7
autoptimize_93f3333ae99b2ee5eb1c6eeee50a0871.php:192 Uncaught ReferenceError: flowplayer is not defined(anonymous function) @ autoptimize_93f3333ae99b2ee5eb1c6eeee50a0871.php:192
https://www.westminstertech.com/shop/skoog-bundle/images/bg-light.png Failed to load resource: the server responded with a status of 404 (Not Found)
https://www.westminstertech.com/shop/skoog-bundle/images/inner-cs.png Failed to load resource: the server responded with a status of 404 (Not Found)
https://www.westminstertech.com/shop/skoog-bundle/images/bg-dark.png Failed to load resource: the server responded with a status of 404 (Not Found)

Am I at all headed in the right direction?

Thanks!

Ted

Hi wpfan,

Thanks for your help. I have been updating my tables and things were going well… but I have hit a snag.

On this page of my website. Everything is working fine until I get over to the sixth tab – Software… After that – none of my divs are showing up…

I have tested the code in the software tab in the music tab and it appears with no problem – until it goes into the software tab. I cannot figure out why unless there is some limitation I am not aware of…

Any suggestions?

Thanks!

Ted

Hi wpfan1000,

I did read the article. I am using the BYOB Genesis Child Theme CSS Editor, and put this code in:

.item{
float: left;
width: 45%;
padding: 20px;
border-radius: 25px;
border: 1px solid #000000;
}
@media only screen and (max-width: 480px) {
div#item{
width: 100%;
float: none;
}
}

The items still show fine on the desktop version, but when I check my Android they still seem to float left and only take up a portion of the screen.

What am I doing wrong?

Thanks!

Ted

Ok – making progress…

I have my div width set to 45% for a two column display…. This looks fine on a desktop top – but on a mobile device, it also only takes up 45% of the available width – which can be fairly small… I would like the columns to stack and go to 100% width a mobile device… How do I accomplish this?

Thanks!

Ted