[Support request] Customizing header and navigation

Home Forums Support Customizing header and navigation

  • This topic has 7 replies, 2 voices, and was last updated 3 months ago by David.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1336976
    Christophe

    Hi,
    I’m trying to customize the header in this way:
    On all pages except for the frontpage: use navigation as header and have it sticky –> OK using PHP snippet

    I’d like the full menu only to be visible in the non-sticky header on the frontpage. In the sticky header I’d like the logo to be aligned to the lift and an icon that triggers an elementor popup aligned to the right.

    I’ve been going through the documentation to find filters and hooks which could help me achieve this but without any luck.

    Could you please guide me in the right direction?

    Thanks

    #1337028
    David
    Staff
    Customer Support

    Hi there,

    whats the purpose of the Elementor pop up?
    Knowing may help with choosing what the best solution is.

    #1337091
    Christophe

    Hi David,

    It’s a full screen popup that shows site navigation and some more information.
    I’ve tries to use the off-canvas for that, but it’s not exactly what I’m trying to achieve with regards to styling etc, so I thought building an elementor popup would be the best way but I’m open for alternatives 🙂

    #1337261
    David
    Staff
    Customer Support

    Do you have an example of what the ‘pop up’ will look like ?

    #1337269
    Christophe

    I’m still working on it but I have quickly added an icon that triggers the popup on the frontpage, between the logo and the menu.
    So in fact the goal is to only have that icon when navigation is sticky

    #1337273
    David
    Staff
    Customer Support

    You can add whatever markup or element shortcode you need for your pop up trigger to the inside_navigation hook using the hook element:

    https://docs.generatepress.com/article/hooks-element-overview/

    It will require a little CSS to hide it on static nav and position it on sticky nav – which i can help with once its in place.

    #1337275
    Christophe

    That’s what I did but it’s only showing on the frontpage in the static nav for the moment.

    #1337289
    David
    Staff
    Customer Support

    Your CSS for color and animations style is targeting #site-navigation .openmenu which is only applicable to the static navigation. Use .main-navigation .openmenu instead

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.