Archived topic
Smaller Sticky Navigation Logo?
13 replies · Started by Jim on May 30, 2019
Is it possible to use a smaller logo image for the Sticky Navigation than the size used for the Site Logo?
When I attempt to use a smaller image for the Sticky Navigation, the image gets enlarged to the height of the site logo becoming pixelated.
I'm hoping to show a smaller different image, and shorten the height of .sticky-enabled .main-navigation when the Sticky Navigation is active.
I am able to adjust the size of the Sticky Navigation Logo image using this Additional CSS:
.sticky-enabled .main-navigation.is_stuck img {
height: 40px;
}This however does not affect the overall height of the Sticky Navigation bar.
1. Am I missing an option somewhere for setting this?
2. Any suggestions for reducing the Sticky Navigation bar height, and image size, are greatly appreciated.
Thank you!
Hi there,
Are you thinking about something like this?
https://docs.generatepress.com/article/navigation-as-a-header/#sticky-navigation-with-height-transition
If not any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
Thanks!
I just followed all those steps, but do not have any of the padding options shown in the screen capture for the Header options.
I can use the CSS specified to adjust the menu height, but any smaller logo image still gets enlarged to the height of the non-sticky site logo. Is there an option for this somewhere? Or do I need to use the .sticky-enabled img CSS I referenced above? The fewer the hacks the better...
FYI: I am using the child theme framework downloaded from generatepress, but everything has been working flawlessly, so far.
Topic edited with website URL, the site is under active development but maintenance mode has been temporarily turned off and everything is constantly changing.
The page you linked isn't using GeneratePress.
Can you double check?
The page you linked isn’t using GeneratePress.
D'oh! I gave up on that theme as it doesn't play nice with Woocommerce...which we're running on a subsite. (This is a multisite network.)
Sorry, just updated the link.
Which option are you not finding?
This should be the one: https://docs.generatepress.com/article/sticky-navigation/#menu-item-height
Let me know :)
Which option are you not finding?
I have no Menu Item Height option as depicted in the docs.
What CSS would I use to modify the active sticky navigation bar?
WordPress Version: 5.2.1 (multisite)
GeneratePress Version: 2.2.2
Default GeneratePress child theme Version: 0.1
GP Premium Version 1.8.2
That is very weird. Haven't had this issue reported at all.
All add-on activated?
https://docs.generatepress.com/article/installing-gp-premium/#activate-your-modules
If so please try #1 here to eliminate any plugin conflicts:
https://docs.generatepress.com/article/debugging-tips/
Let me know :)
All add-on activated?
No, thanks for asking. I want as few plugins and add-ons running as possible to minimize assets and overhead on the site.
I'm guessing I'd need "Spacing" to do this? "Sections"?
Please advise if the add-ons have impact on site performance or if some specific CSS in the Child Theme would be a better approach.
I selected GeneratePress specifically to improve performance and page load times, so I want to keep the site as lean as possible.
You'll need to activate Spacing to see that option :)
Got it. Thanks!
Please advise regarding what type of impact activating these modules (or all of them) have upon overall public site performance.
They're all different. Spacing doesn't have any impact at all - it doesn't add any additional HTTP requests.
The Blog module does add a stylesheet, and will add other scripts if you enable certain options (Infinite scroll, masonry etc..).
Menu Plus also adds additional HTTP requests depending on the options you've added (off canvas panel, sticky nav etc..).
Thank you for all the hard work, and fantastic support.
So far o good, you have a new fan!
Glad we could help :)
