- This topic has 16 replies, 2 voices, and was last updated 2 years, 11 months ago by
.
-
Posts
-
.site-logo.mobile-header-logo img {
padding: 0 !important;
}I need an another css code which works perfectly on desktop, too.
Customer Support
Hi there,
There is actually no padding applied to the desktop logo image.
Perhaps you are referring to the 8px top header padding?
https://docs.generatepress.com/article/header-padding/Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/I need to show the sticky header section as same as normal header. The logo and text are being smaller on sticky header. How can I change that to permanent as header setting?
Would this option work for you?
https://docs.generatepress.com/article/navigation-as-a-header/Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/No. I had tried that one. The logo is not being attached with same size on sticky and on non-sticky as like on mobile.
Could you please provide me the working solution?https://bloggingguidance.com/
Please view this site.
I need this type of setting on header and sticky navigation.
The logo and navigation are not being changed on their position while scrolling. I need exactly like this.That site is built with GP and definitely using the navigation as a header option as I pointed out.
Can you activate it so I can see the issue you are having?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Just activated the navigation as a header. You can check now.
Can you try removing the sticky navigation logo?
https://docs.generatepress.com/article/sticky-navigation/#sticky-navigation-logoNo need to upload that if it’s the same logo.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Yeah just removed that, too. But still facing the same problem.
Can you make sure these two settings are exactly the same?
https://docs.generatepress.com/article/menu-item-height-width/#height
https://docs.generatepress.com/article/sticky-navigation/#menu-item-heightDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Yeah, the menu width height and sub-menu are 20 60 and 10 by default.
What about the sticky navigation height?
https://docs.generatepress.com/article/sticky-navigation/#menu-item-heightThe code is showing that you are using 76px. Can you try using 60px?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/It’s working now. But I don’t want this logo looking too small on the header. The logo size is looking perfect on mobile.
Can’t I adjust as like on mobile devices?Try this CSS:
.navigation-branding img { padding: 0; }Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
- You must be logged in to reply to this topic.