StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Resizing Mobile Header Images in Executive Pro

Welcome!

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Resizing Mobile Header Images in Executive Pro

This topic is: not resolved

Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 17, 2014 at 9:28 am #85615
    Ellen
    Participant

    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
    January 17, 2014 at 10:06 am #85622
    AnitaC
    Keymaster
    This reply has been marked as private.
    January 17, 2014 at 10:09 am #85624
    Stensson
    Member

    Images of exactly 260 ?— 100 pixels will give the best results according to Theme Setup

    January 17, 2014 at 11:37 am #85653
    Ellen
    Participant

    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.

    January 18, 2014 at 4:24 am #85732
    Stensson
    Member

    This might be of help:

    Genesis Responsive Header

    January 18, 2014 at 10:07 am #85749
    Harley130
    Member

    Brad Dalton has a great tutorial on how to increase the size of the image area. May be of some assistance to you:

    Add Full Width Header Image To Executive Pro Theme

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.