Bijingus

Your site address did help and I know the answer and could type it out right now. My motivation suddenly dropped right off after your snarky comment though… lol

No Problem, glad I could help.

I shouldn’t have looked at that site. Now I’m in the mood for ice cream…

Anyway, not easily. What’s happening is the html elements of the page are loading then some javascript is taking the elements and resizing them for the slider. Javascript can’t run on elements that haven’t already been loaded.

The elements could be loaded, but hidden, then resized and displayed with javascript which would make the whole process more seamless looking. This would require mucking around with the code though and would probably take way more time than it’s worth.

Your page size is also 10mb which is pretty large. If you can reduce the page size significantly it would load faster and the growing images in the slider probably wouldn’t be as noticeable.

I think you have way too many images in the slider as well. Empty chairs and tables? Why? Random video of employees scrubbing equipment? That one of the three cones is great though. Personally I’d get rid of the slider and keep the cones. Makes me want to get ice cream like now, looks good, gets everything across. Just IMHO.

You could try another slider too. Thing with sliders is though, clients love ’em, users hate them.

Myles

https://mylesenglish.com

The image needs to cover the whole hero shot section. Your image isn’t the right dimensions to make that happen.

Try 1349 x 461 and see what happens.

Myles

https://mylesenglish.com

Add this code to style.css in your child theme, or install this plugin and insert into it’s code editor in the WordPress admin area.

.single-page iframe{
  height: 364px;
}

This is a really quick and easy fix and the video will be a bit tall on mobile devices.

If you want, here’s a javascript solution. This will resize all iframes though and is only appropriate for video dimensions. If you have other types of iframes on your site it will make them weird sizes.

function resizeIframe(selector){
	var iframe = $(selector);
	var w = iframe.parent().width();
	var h = w * 0.5625;
	iframe.attr('width', w);
	iframe.attr('height', h);
}

jQuery(document).ready(function(){
        resizeIframe('iframe');
});

You can paste this code into a plugin that allows you to add javascript, or into a javascript file if you’re good with that sort of thing.

Myles
https://mylesenglish.com

You need to include a link to your website if you want answers to specific questions like these.

If you have a child theme setup, put the following code in the file style.css in your child theme.

You could also use a plugin like Simple Custom CSS and paste the code in it’s code editor.

@media screen and (max-width:767px){
  header{
    background:transparent;
  }
}

Myles
[signature moderated as per forum rules]

Yes.

If you’re referring to the screwy navigation on your homepage, you have a few options.

Basically you’ve run out of space and your logo is taking up a whole row because there’s no space left for it in the left of the menu.

A few ideas…

• Remove some menu items
• Move some menu items into submenus
• Resize your menu text and padding with some CSS

Myles
[signature moderated as per forum rules]

If you include a link to your site I should be able to help.

Myles
[signature moderated as per forum rules]

If you want help troubleshooting you need to be more specific.

• What is the error EXACTLY? Paste the exact error message if there is one.
• Where is your website so we can see the problem?
• When did the problem start?

Myles
https://mylesenglish.com

#logo, #logo img {
  width:100%;
}

Take this code and paste in your child theme at the end of the file style.css. Provided your child theme is working as it should, this will do the trick.

There’s also some great plugins for adding some custom CSS like this one: https://en-ca.www.ads-software.com/plugins/simple-custom-css/

Myles
[signature moderated as per forum rules]

Look for the file front-page.php in the theme files. Will be right in wp-content/themes/your-theme, where your-theme would be your theme name.

Copy front-page.php into your child theme folder.

Provided you’ve set up your child theme correctly and your theme is using the file front-page.php for it’s homepage template, you can make whatever changes you’d like to the file front-page.php in your child theme folder.

Here’s a great resource regarding template hierarchy in WordPress. https://developer.www.ads-software.com/themes/basics/template-hierarchy/

Myles
[signature moderated as per forum rules]

Thanks for the feedback.

I’ve submitted an updated version with support for a responsive video on the home page, fixed the img max-width and updated the download link on the Lightning Monkey website to the latest version, 1.3. Will probably be several days until the new theme version is approved.