Tabs Section/ Tour Section

[Dataminds]

Hi David,

Yesterday I set the font size smaller. I changed it now in how I want it and as you can see it isn’t displayed right.

Besides that, the 3 icons (molecules) are not reacting on an iphone. On the normal website is flips correctly but on an iphone it doesn’t.

Hope to hear from you.

Thanks!

[David Martin – Support]

Hi,

1) Please add a screenshot as I do not see what you are refering to on your page: http://www.mycourt.nl/

2) The iPhone does not have hover events as it’s touch.

Thanks.

[Dataminds]

Hi David,

1. Here’s a screenshot.

2. O, it’s because of the iPhone? The iconboxes works. How come?

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Can you clear your device cache? – I initially do not see the same as you. If that does not work, please add this CSS and re-test.

@media only screen and (max-width: 767px) {
.spb-asset-content h6 {
font-size: 40px;
}
}

Thanks.

[Dataminds]

Hi,

It was still visible but the CSS code resolved it. I’ve got 2 other questions.

1. I am using icon boxes. One icon box isn’t visible correctly on my mobile (iphone). I’ve attached a screenshot.
2. I’ve made some rows invisible on my mobile. However, the mobile menu is still showing the page. How can I remove it? See attachment.

Thanks in advance!

Attachments:

You must be logged in to view attached files.

[Dataminds]

Hi,

Forget the mobile menu question. I solved it (amature ;-))

1. Icon box is the only question for now.

Hope to hear from you.

Thanks!

[David Martin – Support]

Hi,

I see all icon boxes correctly? Please add a desktop screenshot showing the missing icon box.

Thanks.

[Dataminds]

Hi David,

The icon box is shown correctly. However, the text in it (on a mobile phone) isn’t.

The last text under ‘DOELGROEP’ isn’t shown in the iconbox.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

I see, your mean the text is cut off early.

Can you add a custom class to that specific icon box: ex: mobile-height-fix.

You should then be able to adjust it on mobile using:

@media only screen and (max-width: 479px) {
	.mobile-height-fix .sf-icon-box-animated .back {
	    overflow: visible;
	    min-height: 300px;
	}
}

Thanks.

[Dataminds]

Excellent! It works! Great support. I’m almost done. Things I did;

Add plugin: W3 Total Cache (I selected ‘activate minify’ and it gave an error (see attachment)
Add pluing: WP Smush

Pingdom scores: 82/100, 102 requests, 1,5 – 2,0 sec, 3,1MB
It’s refers to a css family and I cant find out where I used it (css?family=inherit&ver=1450948417)
1. Parallize downloads across hostnames – score 0 – What is meant by that and can I solve it?
2. Combine external Javascript – score 54 – What is meant by that and can I solve it?

GTMetrix: Pagespeed, 90%, YSlow Score 86%, Page load 3,8s, Total Page size (1,17mb), request 60
1. Defer parsing of Javascript (221.9KiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.)
2. Specify image dimensions (?)

Pagespeed insights
Mobile: 68/100
1. Javascript and CSS above the fold that block, delete (I translate is from Dutch)
2. Activate compression ( http://www.mycourt.nl/…assets/js/masterslider.min.js?ver=2.19.0 and http://www.mycourt.nl/…ludes/js/wp-emoji-release.min.js?ver=4.4)

Desktop: 73/100
Same as the above with ‘Mobile’

Maybe I am asking to much, but if you can hekp me out I appreciate it.

Hope to hear from you.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

a)

1) The font is set in your Theme Options => Fonts

2) The external JS will be from 3rd party plugins or JS files that are loaded from the CDN. You could test combining those in your cache but this can have a detrimental affect on the site’s functionality. I’d recommend you leave that or hire a developer to assist you.

b)

1) Using your cache you can move the JS files to the end of the front-end HTMl output so as it loads last, however as above can have a detrimental affect on the site’s functionality as some JS files need to be loaded at the specific time the theme/plugin has specified.
2) WP does specify images sizes, where is this referring to?

c If you want to activate your compression, this is something your host will need to do for you.

Thanks.