Archived topic
CSS for desktop
16 replies · Started by Sagar on February 21, 2020
.site-logo.mobile-header-logo img {
padding: 0 !important;
}
I need an another css code which works perfectly on desktop, too.
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 :)
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 :)
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?
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-logo
No need to upload that if it's the same logo.
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-height
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-height
The code is showing that you are using 76px. Can you try using 60px?
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;
}