- This topic has 20 replies, 3 voices, and was last updated 3 years, 3 months ago by
Leo.
-
AuthorPosts
-
October 30, 2019 at 7:49 am #1048866
domedele
Hi,
i note that menu position is very problematic from desktop to mobile.
I adjust a desktop menù on the left with logo.
In mobile version i have now a logo on the left, title page on the center, menu sticky on the right.
I want to change a position logo on mobile version: position center (resizing logo?) and sticky menu above on the center.
How can I do it?October 30, 2019 at 9:01 am #1048971Leo
StaffCustomer SupportHi there,
Try this:
.site-logo.mobile-header-logo { margin-left: auto; } @media (max-width: 800px) { #mobile-header:not(.navigation-stick) .menu-toggle { position: absolute; right: 0; } }
Adding CSS: https://docs.generatepress.com/article/adding-css/
As for increasing the logo size, try increasing the menu item height on mobile:
https://docs.generatepress.com/article/menu-item-height-width/Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 31, 2019 at 2:22 am #1049432domedele
it’s strange
it partial work only if i add css in “add css” not in simply css plugin-the logo is not exactly centered
-the menu sticky is not centered under the logo
-in addition i want the menu sticky opened on the right
thanksOctober 31, 2019 at 10:01 am #1049852Tom
Lead DeveloperLead DeveloperHi there,
I just tried to check out your site but it doesn’t seem to be loading – can you make sure everything is live?
Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 31, 2019 at 10:22 am #1049868domedele
Yes is online. I note that in Mobile the logo stay always on top also in scrolling page
October 31, 2019 at 10:29 am #1049874Leo
StaffCustomer SupportEdited the CSS here:
https://generatepress.com/forums/topic/mobile-logo-in-different-position/#post-1048971Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 31, 2019 at 11:57 am #1049916domedele
I cut and copy the this cose in css (in css simple plugin doesn’t work).
Now I think is not very centered, the sticky menu isn’t under logo. And the logo remain visible in scrollingOctober 31, 2019 at 12:11 pm #1049928Leo
StaffCustomer SupportThis is the CSS I’m seeing in your Additional CSS field:
https://www.screencast.com/t/qMegigrwQAnd that’s not the same as my code here:
https://generatepress.com/forums/topic/mobile-logo-in-different-position/#post-1048971Can you try copying and pasting my code?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 31, 2019 at 1:16 pm #1049983domedele
Yes I try other variable because the CSS doesn’t work
October 31, 2019 at 1:19 pm #1049986Leo
StaffCustomer SupportMy CSS should work – can you add it in again so I can see why it doesn’t work?
position: above;
isn’t a valid CSS:
https://www.w3schools.com/cssref/pr_class_position.aspDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 31, 2019 at 1:51 pm #1050013domedele
Now seems centered.
I don’t understand why the css code in simple css doesn’t work.
Now I want to punt the sticky menu under the logo
And adjust the title page padding. Is a functions of element?
ThanksOctober 31, 2019 at 2:01 pm #1050019Leo
StaffCustomer SupportSimpleCSS should definitely work – we use the plugin all the time.
However, since you are already using the Additional CSS field, then it’s best to keep all the CSS there and avoid using the plugin.
Now I want to punt the sticky menu under the logo
And adjust the title page paddingNot sure if I understand. So you want the logo and toggle to stack in the center in sticky mode?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 31, 2019 at 3:03 pm #1050051domedele
yes i want logo in the center, under the sticky menu
October 31, 2019 at 3:08 pm #1050056Leo
StaffCustomer SupportTry the edited CSS here:
https://generatepress.com/forums/topic/mobile-logo-in-different-position/#post-1048971And this:
.main-navigation.has-sticky-branding.navigation-stick .inside-navigation { flex-direction: column-reverse; } .main-navigation.has-sticky-branding.navigation-stick .menu-toggle { padding-right: 0; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/November 1, 2019 at 2:22 pm #1050839domedele
Doesn’t work, Stick menu isn’t centered.
But the title has a good padding!
thanks -
AuthorPosts
- You must be logged in to reply to this topic.