Trouble with Header Right Custom Menu at mobile sizes

Tagged: epik, image, logo, menu

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

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

Author

Posts
February 23, 2016 at 10:34 am #17359

Serio
Customer

Hi,

Loving the theme so far but having trouble with the header-right custom nav menu at mobile responsive sizes.

Problem #1

Custom logo image not centering over menu (it stays left). I have adjusted the functions.php file to fit this logo image to my specific size (which has worked well on other genesis themes).

Problem #2

Menu opens vertically (as a full dropdown) instead of on a horizontal plane centered under logo (like in the demo).

my site is bartenderpursuit.com

I’ve looked around the forum as there are related topics but haven’t found a workable solution.

Thank in advance,

Dylan

February 23, 2016 at 10:46 am #17360
Wes
Moderator
Add the following code to your responsive CSS section in the (max-width: 1023px) section –
```
.site-title {
	margin: 0 auto 20px;
}
```
It should go inside this section –
```
/* iPads (portrait)
--------------------------------------------- */

@media only screen and (max-width: 1023px) {
```
Then change display: block back to inline-block on line 3106 for the dropdown menu to go back to horizontal –
```
.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: inline-block;
		float: none;
	}
```
February 23, 2016 at 11:20 am #17361

Serio
Customer

Sweet!

Thank you very much for the prompt reply Wes.

You’re the man.

February 23, 2016 at 11:26 am #17362

Wes
Moderator

You’re Welcome 🙂
Author

Posts

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

The topic ‘Trouble with Header Right Custom Menu at mobile sizes’ is closed to new replies.