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

Metro Pro Theme Logo Is Responsive On Some Phones, Not Others

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.

This topic is: not resolved

Tagged: Custom header, Metro Pro, responsive

This topic has 1 reply, 2 voices, and was last updated 7 years, 5 months ago by Porter.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
October 27, 2015 at 9:02 am #169215

dgregfly
Participant

I am helping a friend set up her site, http://hornetitle.com, and we decided to use the Metro Pro Theme. She's happy with the way it looks on her computer, on some phones and in portrait on her ipad. But when we look at it on landscape on her iPad or on the iPhone6 S, her logo gets cut off and we are left with an unfortunate segment of her custom header.

My guess is that somewhere along the way, someone messed around with the widget width setting, or the custom header width, and now they don't work together well on some devices, but ok on others.

Any help would be greatly appreciated!
http://hornetitle.com

October 27, 2015 at 10:39 am #169224

Porter
Participant

In stylcss, search for where the width is defined for "title-area" and "header-widget", and set each to 50%, that somewhat helps the issue. For the rest, I would try setting the actual image width to 100%, or "contain", which should keep it within it's allotted area.

Buy me a beer? | Try DigitalOcean VPS Hosting
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.