theme not correctly responsive on ipad

[Rachel]

the theme is great and responsive on mobile but is not correct on the ipad. Is there code that can force the layout to be fully responsive if not viewed on a desktop? Thanks. url: http://goo.gl/LrxheI

[Shekhar Bhandari]

Hi Rachel,

Inspecting your site we found that the website is fully responsive but the contact form that you created is not fully responsive as it represents values for its width. Instead of using value if you use width 100% then the problem will be solved.

Thanks.

[Rachel]

The navigation pushes to the next line on the ipad. Can you supply the code that will make the nav fit or look like it does on mobile? How would I make the form 100%. Thank you for your help.

[Shekhar Bhandari]

Hi Racheal,

You can use the following code to make the contact form 100%.

.wpcf7-form-control {
    width:90%;
}

and to adjust the menu in one line put the following code into the custom css.

@media screen and (max-width:1000px) {
    .main-navigation li {
		margin: 0 0 0 1rem;
		position: relative;
	}
}

Please use the code in the child theme css.

Thanks.

[Author]

Posts