- This topic has 16 replies, 2 voices, and was last updated 2 years, 11 months ago by
Leo.
-
AuthorPosts
-
February 21, 2020 at 9:24 am #1172849
Sagar
.site-logo.mobile-header-logo img {
padding: 0 !important;
}I need an another css code which works perfectly on desktop, too.
February 21, 2020 at 9:28 am #1172854Leo
StaffCustomer SupportHi 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/February 21, 2020 at 9:33 am #1172864Sagar
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?
February 21, 2020 at 9:37 am #1172868Leo
StaffCustomer SupportWould 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/February 21, 2020 at 9:44 am #1172875Sagar
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?February 21, 2020 at 9:47 am #1172877Sagar
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.February 21, 2020 at 10:03 am #1172898Leo
StaffCustomer SupportThat 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/February 21, 2020 at 10:09 am #1172911Sagar
Just activated the navigation as a header. You can check now.
February 21, 2020 at 10:49 am #1172936Leo
StaffCustomer SupportCan 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/February 21, 2020 at 11:00 am #1172944Sagar
Yeah just removed that, too. But still facing the same problem.
February 21, 2020 at 11:05 am #1172952Leo
StaffCustomer SupportCan 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/February 21, 2020 at 11:13 am #1172957Sagar
Yeah, the menu width height and sub-menu are 20 60 and 10 by default.
February 21, 2020 at 11:15 am #1172960Leo
StaffCustomer SupportWhat 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/February 21, 2020 at 11:22 am #1172963Sagar
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?February 21, 2020 at 11:23 am #1172964Leo
StaffCustomer SupportTry this CSS:
.navigation-branding img { padding: 0; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.