[Resolved] Smaller Sticky Navigation Logo?

Home Forums Support [Resolved] Smaller Sticky Navigation Logo?

Home Forums Support Smaller Sticky Navigation Logo?

  • This topic has 13 replies, 3 voices, and was last updated 2 years ago by Tom.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #915406
    Jim

    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!

    #915492
    Leo
    Staff
    Customer Support

    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 πŸ™‚

    #915662
    Jim

    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.

    #915832
    Leo
    Staff
    Customer Support

    The page you linked isn’t using GeneratePress.

    Can you double check?

    #915841
    Jim

    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.

    #915893
    Leo
    Staff
    Customer Support

    Which option are you not finding?

    This should be the one: https://docs.generatepress.com/article/sticky-navigation/#menu-item-height

    Let me know πŸ™‚

    #916201
    Jim

    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

    #916413
    Leo
    Staff
    Customer Support

    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 πŸ™‚

    #916522
    Jim

    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.

    #916695
    Tom
    Lead Developer
    Lead Developer

    You’ll need to activate Spacing to see that option πŸ™‚

    #916705
    Jim

    Got it. Thanks!

    Please advise regarding what type of impact activating these modules (or all of them) have upon overall public site performance.

    #916716
    Tom
    Lead Developer
    Lead Developer

    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..).

    #916725
    Jim

    Thank you for all the hard work, and fantastic support.

    So far o good, you have a new fan!

    #917037
    Tom
    Lead Developer
    Lead Developer
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.