- This topic has 5 replies, 4 voices, and was last updated 9 years, 10 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
I created a site -- hart-dental.com -- using the Executive Pro theme, and I have a question about how the images in the header display on mobile devices.
The logo is 350 px wide, and it is cut off when viewed on an iPhone. How do I make it resize for mobile to display the full image? Hopefully this is a simple trick.
The "Call Today" image is a phone link that's right aligned. When viewed on an iPad or iPhone, it displays beneath the logo but right aligned. Is there a way to make it centered on mobile devices? Does it have something to do with the size of the widget area? If I need to use a different approach besides an image in this widget, I'm open to that. The image was the simplest solution I could think of, because my css skills are somewhat limited.http://hart-dental.com
Images of exactly 260 ?— 100 pixels will give the best results according to Theme Setup
Thanks. I'm aware of the theme setup instructions, but the logo looks better at 350px. It's too small at 260px, so I'm committed to the larger size. I'm looking for something that addresses the resizing issue for mobile.
This might be of help:
Brad Dalton has a great tutorial on how to increase the size of the image area. May be of some assistance to you:
© 2023 WPEngine, Inc.