- This topic has 0 replies, 1 voice, and was last updated 3 years, 5 months ago by .
- The topic ‘How do I change mobile header layout to one line for header image and menu icon?’ is closed to new 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.
In narrower width, such as on a tablet or phone, the Genesis layout has the header image and the menu (or, rather, the menu icon) on 2 different lines. I would like to have both on the same line, in order to gain space for the contents.
To clearly see what I am talking about, see the compared layouts at: http://skysifter.com/zug/header-layout.jpg
- on the left is the standard layout, with menu icon below header image, both centered
- on the right is the layout I would like (I created it in Photoshop, not WP): header image on the left, menu icon on the same line on the right, and contents starting higher.
I am using the Genesis child theme Wintersong Pro, which is different from other Genesis child themes in the sense that, at full with, the header and menu are not on top of the page, but on a right-hand column. However, at narrower widths, the design reverts to a one-column design like the other Genesis themes.http://skysifter.com/zug/header-layout.jpg
© 2023 WPEngine, Inc.