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

Overlapping Text on Header in Mobile

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: header, Logo, menu, minimum, overlap, text overlap

This topic has 3 replies, 2 voices, and was last updated 11 years ago by jmckinnon0.

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

Author

Posts
November 29, 2012 at 4:07 pm #2397

jmckinnon0
Member

Hey Guys question for you,

On my new site, Sethperler.com using minimum theme and everything with the header (logo and menu) look great...

But when you view it on an iphone or android the menu overlaps the logo and you can not read all the menu options.

Anyone know how to fix this?

Jeff

November 29, 2012 at 5:27 pm #2415

SoZo
Member

You'd need to create new rules in the responsive section to target the menu and move it where you want for each resolution.

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

November 29, 2012 at 6:28 pm #2430

jmckinnon0
Member

Do you know what quick code I could add that would resolve that issue?

J

November 29, 2012 at 6:32 pm #2431
jmckinnon0
Member
```
Ok so this worked
```
```
overflow:hidden;
```
```
But only one of the buttons in the menu is showing up in view...
```
```
J
```
Author

Posts

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

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