malik mati

If you can give me URL of your website, I will try to check.

I haven’t made any changes other then style sheet. Here is style sheet of child theme :

.navigation-top {
	margin-left: auto;
	margin-right: auto;
	width: 96.4%;
}
.content-area {
	padding-left: 3em;
	padding-right: 3em;
}

@media screen and (min-width: 48em) {
	.has-sidebar:not(.error404) #primary {
		width: 68%;
	}
	.has-sidebar #secondary {
		width: 26%;
	}
	.wrap {
		max-width: 1300px;
	}
	.navigation-top .wrap {
		max-width: 1300px;
	}
}

body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	float: none;
	width : 100%;
}
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
	float: none;
	width : 100%;
}

• This reply was modified 8 years, 2 months ago by malik mati.

Have a look at this : https://demo.amazingdevelopers.com/

And check this Page : https://demo.amazingdevelopers.com/test-page/

I think using max-width will not effect mobile usability of the website. Its Max-Width not just Width that mean maximum size should be it and it will not fix width on all devices.

Using the css code i have mentioned in last replay will solve your problem on all pages.

for height of white space try this :

.site-content {
	padding: 0;
}
body:not(.twentyseventeen-front-page) .entry-header{
	padding-bottom: 0px;
}

Increasing max-width for wrap will make things wider, just for example I did it in following way :

.wrap {
    max-width: 1300px;
}
.navigation-top .wrap {
    max-width: 1300px;
}

Yes, it my theme is complex but my website is very simple. What would you suggest me if I change my theme to some good lite theme ? which theme is good ? Will it be good idea to use Child theme of Twenty Seventeen ?

Thank you for all your help.

Its working great for the Home page but When I check sub page of website it says

Optimize CSS Delivery of the following:

https://pakistanhumara.com/wp-content/cache/autoptimize_4b0dd49a5f4a894ebca79e61dec98be0.css
https://pakistanhumara.com/wp-content/cache/autoptimize_88d1cd7ed1e8c243977be5e2403feab3.css

For example please check this :

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fpakistanhumara.com%2Fsafar-ki-dua-for-traveling%2F

Thank you Frank, you and your plugin both are great ??

When I check sub page of website it says

Optimize CSS Delivery of the following:

https://pakistanhumara.com/wp-content/cache/autoptimize_4b0dd49a5f4a894ebca79e61dec98be0.css
https://pakistanhumara.com/wp-content/cache/autoptimize_88d1cd7ed1e8c243977be5e2403feab3.css

but when I check page source of that sub page it don’t have those 2 CSS files but it have these 3 files :

https://pakistanhumara.com/wp-content/cache/autoptimize/css/autoptimize_c37bb58c501a9f15059c1e3c069095e5.css

https://pakistanhumara.com/wp-content/cache/autoptimize/css/autoptimize_be7b47733fcae106987d682cbe0354ef.css

https://pakistanhumara.com/wp-content/cache/autoptimize/css/autoptimize_190aa1d4c9a134184e620040f79be652.css

Do I need to do anything for these sub page of my website ?

Yes, its working and the problem is solved. Thanks a lot.

I have another question if you can answer it I will really appreciate it.

When I run google speed test once it will say “Reduce server response time” and when I check it again everything will be fine. Is there anything wrong ?

• This reply was modified 8 years, 2 months ago by malik mati.

you mean I should remove this file from server Or there is any option in your plugin which should be enabled ?

Hi Frank,

Yes, I seen this video and following it solved error of CSS on mobile but not on Desktop when I check google page speed.

Also how can I Remove render-blocking JavaScript : https://pakistanhumara.com/wp-includes/js/jquery/jquery.js?ver=1.12.4

I am using Godaddy hosting and my other websites which are working fine are on same hosting. For example https://cybermarketingservice.com/ is also on same host.

same problem here, I have configured the email notification the form setting but still not getting email

It worked.. Thanks ??

David,

Its working but not Auto Playing.

With this short code it is working

[youtube]https://youtu.be/4zkSd-SyzqU[/youtube]

but If I enter this short code it will not work

[youtube]https://youtu.be/4zkSd-SyzqU?autoplay=1[/youtube]