Sydney Responsive

Hi Guys,

Thanks and congrats for the great theme. I’m really loving how easy everything is to do however I’m struggling to fix the issues on mobile devices layout…

The website layout changes completely on a mobile device and rows do not collapse as I would like them to. Do I need to upgrade to a pro version to make it responsive? Is it something I have done to cause this?

Thanks in advance for any help and support on the above!

the website is http://dev.kidscast.tv

Hi there,

This theme supports responsive already. I’ve checked your site and I noticed the issue is caused by Page builder column’s layout settings (I am not sure enough). To fix the issue, please put this CSS code below into Customize > additional CSS

@media only screen and (max-width: 767px){
	div#pg-435-1 .panel-row-style, div#pg-435-5 .panel-row-style {
		display: block;
		margin-right: 0 !important;
	}
	div#pgc-435-1-0, div#pgc-435-1-1, div#pgc-435-5-0, div#pgc-435-5-1 {
		width: 100%;
	}
}

Regards,
Awan

Thank you so much for getting back to me… It’s fixed the majority of the layout issues on mobile device. Just one last thing to fix is the buttons for ios and android download to the right of ‘Ready to try our new app’. I’ve tried

div#pgc-435-4-1 {
width: 100% !important;
}

but doesn’t seem to be making rows collapse as I would like. Any help is most appreciated and if you send a link to make a donation id be more than happy to!

seems to be fixed after deleting cache… thanks again!

1 Like