- This topic has 5 replies, 4 voices, and was last updated 5 years, 2 months ago by
Tom.
-
AuthorPosts
-
November 18, 2015 at 2:15 am #153916
Giovanni van Heusden
Hi Tom,
I think GP is the best!
I have a question though.
My menu is floating to the right next to the logo. On 1100px it looks great, but when the screenwidth reduces the menu gets above the logo. Is there a setting to change the menu to the mobile icon instead of going above the logo. Also can the Mobile menu when displayed on a smartphone be positioned under the logo? Last question: can the white space between the menu items in the sticky menu be adjusted?
Thaks,
GiovanniNovember 18, 2015 at 9:55 pm #154129Tom
Lead DeveloperLead DeveloperHi there,
You can initiate the mobile menu at your desired width with this CSS: https://gist.github.com/generatepress/c23aef2d05807c39bb32
Just change the 768px to whatever width you need it to initiate at.
To make the navigation appear below the logo on mobile, you can add this CSS:
@media (max-width: 768px) { .inside-header { display: flex; flex-flow: column; } .site-logo { order: 1; } .main-navigation { order: 2; } }
There shouldn’t be any white space between menu items – can you link me to the site possibly?
Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentNovember 19, 2015 at 3:37 am #154176Giovanni van heusden
Hi Tom,
Thanks, the changes worked!
Can I send the link of the website to your generate press mailaddress?
I have one other question as well, would like to attach an image to show you.Thanks again,
GiovanniNovember 19, 2015 at 10:35 am #154240Tom
Lead DeveloperLead DeveloperAbsolutely – send away 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentDecember 18, 2015 at 10:43 am #160917Evandro Arruda
Hi Tom,
Still on this topic, is it possible to have a mobile header like yours (https://generatepress.com)?
Logo + Menu “floating” right on mobile. This makes the design a lot cleaner in my opinion.
Ps.: I’m buying you a small coffee for helping me with a few things this week. Brazil’s currency is not doing so well, I wish I could contribute with more.
Thanks a lot
December 18, 2015 at 1:05 pm #160945Tom
Lead DeveloperLead DeveloperThanks for the coffee!
It’s tricky because of the way the default mobile menu works – it would involve re-structuring it.
It works nicely with the slideout menu though, so I may just add it as an option when the slideout menu is activated.
For now, this should help: https://generatepress.com/forums/topic/mobile-menu-right-and-logo-left/#post-152457
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.