- This topic has 13 replies, 4 voices, and was last updated 2 years, 11 months ago by Elvin.
-
AuthorPosts
-
May 1, 2021 at 9:09 am #1759350milan
Hello, I would like to change size of logo on mobile sticky menu (only logo, no font, no hamburger, no icons…). I have SVG logo in size 658x160px, it is used in header. In sticky menu it is very small and if i put this logo from header to sticky menu and set the optimal size of logo, the mobile menu is colapsed… check the screenshot: https://ibb.co/jJCYcYZ.
I tried to change this size in Primary Navigation – Menu Item Height, but this option is applied also for icons and fonts in this menu, and I do not want to use this option for this, only logo. And how to place hamburger icon to left and search icon to right, logo in center? Thanks for help.
May 1, 2021 at 11:10 am #1759476LeoStaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know π
May 1, 2021 at 12:21 pm #1759566milanseverni-vietnam.cz
north-vietnam.comNow there is no logo in mobile sticky menu
May 1, 2021 at 4:51 pm #1759692LeoStaffCustomer SupportCan you use a logo so I can actually see the issue and provide a solution?
May 2, 2021 at 8:40 am #1760592milanI tried to solve this problem again. And the final solution is, that i can not to set the size of height of main navigation for mobile and main navigation for desktop. I would like to keep the main navigation height on desktop for 60px and for mobile to 80px.
If i change the Menu Item Height for dekstop on Sticky menu customizer to 60px, it is not possible to change this settings on mobile sticky menu. The same settings is applied for mobile and desktop…May 2, 2021 at 9:51 am #1760673LeoStaffCustomer SupportI’m still not seeing a logo on the mobile screen.
Can you make it show please?
Thanks!
May 2, 2021 at 10:11 am #1760718milanNow you can check it, I placed my logo to mobily sticky menu.
It is ok on mobile, but only for desktop I would like to change height of the navigation menu to 60px (now is 80px). 80px height for mobile is ok, but not for main navigation on desktop.May 2, 2021 at 10:23 am #1760739YingStaffCustomer SupportHi Milan,
I’m confused, I just checked your sites linked in the private info field, but both of them are NOT GP site.
Could you make sure?
May 2, 2021 at 10:28 am #1760743milanGP sites are both of them, I have GP Premium π
May 2, 2021 at 5:43 pm #1761019ElvinStaffCustomer SupportHi there,
I’ve checked the 2 sites and one of them doesn’t use a logo for its mobile header.
But for the one that uses a logo image:
Try adding this CSS:
#mobile-header .site-logo.mobile-header-logo { width: 200px; height: auto; }
adjust 200px to your preferred size.
The north vietnam size doesn’t use a logo. To adjust the “North Vietnam” text, you’ll have to change the Site title font size on Appearance > customize > Typography > Header.
May 2, 2021 at 11:30 pm #1761249milanThanks Elvin, it is also possible solution, but…. There ares still some conflicts, if I put e.g.240px or 200px, I see this logo on mobile phone without any change of the size. I do not know if you understand what I want to do. I want to place svg logo from header to mobile sticky header for automatical (optimal size).
If I change height of items in sticky menu another item is gone or height of items in sticky menu is bad. I play with this already about 2 days πMay 3, 2021 at 12:13 am #1761296ElvinStaffCustomer SupportI believe this is what you’re trying to do?
https://share.getcloudapp.com/Z4uo2ZJwTry this CSS:
nav#mobile-header .site-logo.mobile-header-logo, nav#mobile-header .site-logo.mobile-header-logo img { width: 340px; height: auto; } nav#mobile-header { height: fit-content !important; }
Note: You have a CSS that prevents the mobile header from changing. It’s in Appearance > Customize > Additional CSS.
May 3, 2021 at 1:03 am #1761359milanYes, it is done, it helped me. It could be a good idea to adapt fit-content css function to next update of GP.
NOTE: I know about CSS in my Additional CSS styles, but I did not found what is blocking the fit-content.
Thank you very much Elvin.May 3, 2021 at 4:53 pm #1762734ElvinStaffCustomer SupportNo problem. Glad to be of any help. π
-
AuthorPosts
- You must be logged in to reply to this topic.