- This topic has 3 replies, 2 voices, and was last updated 7 years, 8 months ago by
.
-
Posts
-
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.comAdd some for the classes which need adjusting at that screen size:
@media only screen and (max-width: 480px) { Add Your Rules Here }
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?
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.
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.