Andy

[Andy]

Yes it works fine when I view your site.

I also managed to test it using an emulator to simulate a really old version of safari, and this too was okay.

Sorry, I don’t know what would cause the issue that you have described.

Are you manually adding the Google maps iframe to the page? If so, have you tried a dedicated maps plugin to insert the map. It might be worth trying as a plugin would be designed to handle this.

Is it the same issue as described here: https://stackoverflow.com/questions/34320046/iframe-height-issues-on-ios-mobile-safari ?

[Andy]

It looks okay when I view your site, but you could try adding this code to ‘Additional CSS’ or in your child theme:

iframe {
    max-height: 480px !important;
}

[Andy]

There is an option in the customizer to remove the header image.

Go to ‘Customize’ > ‘Header Image’ and click the ‘Hide image’ button.

Then change the ‘Pages should display…’ setting to the ‘Featured Image’ option.

Now only pages that have a featured image (added in the page editor) will display their own featured image as the header image.

[Andy]

There is a plugin overriding the theme’s fontawesome icons, so you can fix the login icon with this CSS:

#top-info .fa-sign-in:before {
    content: "\f090";
}

Copy the above code to ‘Customize’ > ‘Additional CSS’.

[Andy]

The shortcode for featured products is:

[featured_products columns="4"]

Some more examples;

If you want 2 lines of 4 in each line, do this:

[featured_products columns="4" limit="8"]

If you want 3 lines of 3 in each line, do this:

[featured_products columns="3" limit="9"]

[Andy]

Sorry, I forgot to say that to make the order the same as the order you put them in the shortcode, you need to add orderby="include" to the shortcode.

e.g.:

[product_categories ids="42,27,24,28" columns="4" orderby="include"]

[Andy]

Regarding entire layout section of theme customization is broken, can you please provide more details of the issue, and I’ll do my best to help.

Just had a quick look at your site, and nothing looks broken. Please let me know more details.

[Andy]

I think what you may referring to with the “footer single section selected” is the middle part of the footer, as this has 3 columns (3 items per row) as standard but with options to change this.

The bottom part of the footer is split into two halves by default.

Anyway to make the site info full width, copy this CSS code to ‘Customize’ > ‘Additional CSS’:

.site-info {
    float: none;
    width: 100%;
}

[Andy]

If you know the element that you want to apply bold weight to, you can use a bit of ‘Additional CSS’ to make it bold, like so:

.element-name {
    font-weight: bold;
}

[Andy]

To stop the header being fixed when scrolling the page, copy this code to ‘Customize’ > ‘Additional CSS’:

#masthead.scrolled {
    position: relative;
}

[Andy]

I can see you are using a child theme on your site, so you could bundle your custom font into the child theme.

Other ways inlcude using a custom font plugin that allows you to upload your own fonts.

The fonts won’t show up in “customize/typography” as this is a defined list of Google fonts in the theme.

Is your custom font a Google font, a saved font that you have on your computer, or something else?

If it is a Google font, we may be able to add it to the the theme’s list of Google fonts, and then it would be selectable in “customize/typography”.

[Andy]

The shortcode for featured products is:

[featured_products columns="4"]

Some more examples;

If you want 2 lines of 4 in each line, do this:

[featured_products columns="4" limit="8"]

If you want 3 lines of 3 in each line, do this:

[featured_products columns="3" limit="9"]

[Andy]

That’s very strange… it should look exactly the same, because the homepage categories use the same code as the shortcode.

You can control how many in 1 line with the columns part of the shortcode.
This is 4 on one line:
[product_categories ids="5,3,87,23" columns="4"]

If you want 3 on one line, you would do this:
[product_categories ids="5,3,87,23" columns="3"]

Do you have the shortcode on a page on your website that I can take a look at?

[Andy]

Yes, use the shortcode method as detailed in my previous reply.

[Andy]

In your dashboard go to ‘Themes’ and click the ‘Update now’ for the Trusted Pro theme.

[Author]

Posts