danbzly

Thank you very much for the response.

-All files are .jpg

– I believe my permissions and path are correct..

See here for permissions and path info. –> https://screencast.com/t/q25TMgGPK

Here you can see no folders show up –> https://screencast.com/t/s6faBltQhl

Any other ideas?

Hey hungrywatching,

Scratch the code above and use this code instead:

@media only screen and (max-width:767px){
 #post-content iframe {
  width: 100%    !important;
  height: 100%   !important;
}}

This will save you work.

You will also have to change your iframe hight and width back to its original dimensions.
<iframe src=”https://www.youtube.com/embed/CXuGLswn2l0&#8243; width=”640″ height=”360″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

I hope I did not confuse you! ??

Hey hungrywatching,

Looks like you will have to download the css plugin if your theme does not have a spot for it and drop in the code below.

@media only screen and (min-width:981px){
 #post-content iframe {
  width: 100%    !important;
  height: 395px   !important;
}}

What we are doing here is adding in a hight to the videos to any screen size greater then 981px wide. Anything below this will take on the auto hight and should still fix your mobile issue.

Try this and let me know how it goes.

Hey hungrywatching,

I like to use this article for reference:
https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

Looks like this section is what will work for you but there are other options if it does not:
https://screencast.com/t/Mdyf36eXYQ

When I make the width of the video 100% in the inspector and hight auto it works:
https://screencast.com/t/HoA0o96X

So here are the steps I would take:

1. Try changing your iframe video width and hight like this:
<iframe src="https://www.youtube.com/embed/L6vBnnryIug" width="100%" height="auto" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

2. If that does not work check and see if your theme has a custom css section where you can drop in the css code. If not then download a plugin that allows you to do this. There are tons out there but search “Simple Custom CSS” in your plugin section and that should work for you.

Drop the below code in.

video {
  width: 100%    !important;
  height: auto   !important;
}

3. If 1 and 2 don’t work let me know and we will go from there.

Hey hungrywatching,

The only difference and issue I am seeing is on page 437-2 there is a video that is not responsive so it is pushing the page on your phone to the right.

Here is a screen shot: https://screencast.com/t/s5qHwvz2h

Can you look at the other pages that do not work and see if they also have a video?

If so you will need to make your videos responsive or resize them in mobile..

Are you familiar with adding css?

Hey AmandaEve,

Looks like the plugin is not calling in the javascript to load the plugin correctly. I uploaded this on a test site I have and it is working correctly for me https://screencast.com/t/tASKiBAB9cb. So it is not the plugin itself.

The most likely cause of this is this and some other plugin do not play well together.

So to find out if that is true you will need to keep this plugin active while disabling other plugins. Disable one plugin at a time and refresh your page to see if this plugin works. If it does work then you will know the plugin you just disabled is the problem.

Let me know what you find.

Hey hungrywatching,

Could you provide a little more info?

1, What kind of phone and what year/model do you have?
2. Can you send an example/url of a post that is not showing up correctly and a example/url that is?

Thanks

Hey Occorals,

Drop this into your child theme css to give you 3 Columns..

.woocommerce.product-columns-3 ul.products li.product, .woocommerce-page.product-columns-3 ul.products li.product {
    width: 28.75%!important;
}

Also I am not sure what you mean about the thumbnails?

Hey Zeppelinfox,

To edit your css style sheet you will want to go into your dashboard, click on appearance, editor, then style.css.

Here is a screenshot: https://screencast.com/t/1CjRPlOFmL

If you don’t want to lose your CSS changes when you update your theme you might want to install a custom CSS plugin. You would just open the plugin and paste in your CSS for anything in the future instead of changing the style.css file.

Hey Actionredaction,

You could do this using some CSS.

If you want to get rid of the whole section use this:

.text-slider{display:none;}

If you Just want to get rid of the header and description use this:

.text-slider h2{display:none;}
  .text-slider p{display:none;}

Then if you want to keep your “check out my services” you may want to add this so it is not on top of your other words:

a#scroll_to {padding-top: 20%;}

Hope that helps!

You had it correct here https://www.screencast.com/t/NiYd44vqVLm

You just needed to remove display:table;

So add your code back like you had it in that screen shot and only remove display:table; and that should fix it.

The reason the shipping amount is one line down is actually the cause of this whole issue.. Because the word “Table Rate:” was removed.. The issue is if you do visibility hidden to remove those words then the border above it does not show.. So instead we just made those words white so that they are hidden but you also get the border above..

Lets try this…

On line 245 add this:

.page-id-3056 #order_review tr.shipping td {
position: relative;
}

You can go back to this code on line 238 and change it to this:

.page-id-3056 #order_review tr.shipping td span.amount {
    color: #000;
    position: absolute;
    left: 12px;
}

That will fix your line issue and maybe your IE issue… Sorry I do not have IE so it is hard for me to trouble shoot it..

Very Welcome Glad I could help!

Hey tvangsne,

So I uploaded the theme on a test site and inserted a header image just like you did and it cropped it and added the same words over my image..

So what I mentioned above was correct but maybe not clear enough.. Sorry about that.

Here are some screen shots to help..

1. https://screencast.com/t/Albn9u6Bxi88
2. Go to your media library and click on the cropped image and delete the title https://screencast.com/t/k7irRlG6 it will auto save so all you have to do is exit out.
3. The title will be gone.. https://screencast.com/t/e2DtjjVE

And on your cart page this is what you could add..

.page-id-3055 .cart_totals tr.shipping td {
visibility: visible;
color:#fff
}
.page-id-3055 .cart_totals tr.shipping td span.amount {
	visibility: visible;
	color:#000
}

You may need to add !important to make it work.. Let me know if that works..

We will get it eventually! ??