Lifestyle Pro Custom Theme Not Responsive on 480

[pixiegrl]

I have followed Brad's advice on WPSites to add a custom header. The only problem is that it is not responsive on an mobile device that is 480 px (for example a Samsung Galaxy S3). I do not see any code for 480 px. How do I add that to make it work on there?

Thanks!

http://www.lifeinsummerville.com

[Brad Dalton]

Add some for the classes which need adjusting at that screen size:

@media only screen and (max-width: 480px) {

Add Your Rules Here
	
}

---

Tutorials for StudioPress Themes.

[pixiegrl]

Thank you!

As I am not that great with coding, can I use the same basic rule that apply for the 767 or do I need to write brand new rues specific to the 480?

[Brad Dalton]

You'll need to inspect the different elements which need adjusting at that screen size. Then you can modify the values for the CSS using your browser before adding the CSS to your Media Queries.

The CSS for the Media Queries will vary depending on different variables like what you populate the header right widget with, the width and the height of your header image, how you want it to look on different screen sizes etc.

---

Tutorials for StudioPress Themes.

[Author]

Posts