[randey132]

Basically I am having some issues with getting my site to be compatible with other devices such as Ipad and Iphones.

The site still has most of its default Divs and some i have added along the way.

I have managed to get the Landing page on the right scale for my IPad in landscape. However still still struggling to get any progress in portrait.

Same with Iphone however the other way around.

This is a link to the site i am working on

http://www.technicalwizards.co.uk/wordpress

Basically what i am after is some sort of documentation or some basic instructions that i can browse through and then in turn fix my issues.

Thanks in advance

[Sanjip Shah]

@randey132 It looks like you have edited the css file in the random manner and have edited the css inside the media queries also in a random manner. In our theme css we have a css like

@media only screen and (max-width: 1078px) {
	.wrapper { 
		width: 708px; 
	}
	.container {
		width: 668px;
	}

And checked your site you have changed it with

@media only screen and (max-width: 1078px) {
	.wrapper { 
		width: 800px; 
		
	}
	.container {
		width: 1078px;

	}

which is causing the issue. Also you have made many other changes affecting the responsiveness. If you are unfamiliar with media queries and responsive css, I suggest you to hire a developer to make the changes.

[randey132]

Thanks for the reply.

I have changed the above code and has now worked 🙂 I don’t remember changing the css code to the values above however my friend was working on it in the past so maybe it was his doing thanks.

[Sanjip Shah]

@randey132 OKay. Great.

[Author]

Posts