Header image and photo too large for mobile
-
I’m really lost and frustrated. I made a simple graphic on photoshop overlaying my header image with text. It looks fine on web, but will not resize to mobile. It also cuts off part of my header text that’s not apart of this image on mobile too. The theme developers are not helpful. I was told I should make another image that’s smaller that I can use for mobile but I have no idea how to code that. I even have someone who helped me make this website and they’re not being helpful either. Please, can someone point me in the right direction. I can post necessary code but I don’t know where it would even be..
The page I need help with: [log in to see the link]
-
You might find it helpful to learn a bit about how CSS works if the theme author and the person who helped you make the website are not able/willing to help you.
“CSS” controls most of the design/layout for the theme.
Changing the display for smaller devices is possible but will take some experimenting.
The CSS that normally controls the display changes for smaller vs larger devices is called “media queries”Here are a few resources that you might find helpful:
https://www.w3schools.com/css/default.asp
https://css-tricks.com/
https://wordpress.tv/category/wordcamptv/Find a WordPress meetup in your local area.
Often you can get in-person help at the meetings with adjustments to your theme.
https://www.meetup.com/topics/wordpress/Find a local WordCamp
Often you can get in-person help with adjustments to your theme at the happiness bar
https://central.wordcamp.org/
- The topic ‘Header image and photo too large for mobile’ is closed to new replies.