Porfolio page

[abdurrehman]

Thanks, Is there any option to make it sticky after have scrolled a bit? like after 1st section of the page? For example having a 1st section hero section and when have scrolled that then show this menu sticky and hide it initially.

[prakash_s]

Hello @abdurrehman,

You can add an ID to the section or any element from where the Header bar will be sticky now you need to go to the Haeader Bar—>Sticky —>Trigger Selector and add the ID here.

Hope it helps
Thanks

[abdurrehman]

That works, how could I have a different background color for the bar when that’s sticky? Because initially would like to have it transparent and when scrolled, need white background.

[tristup]

Hi @abdurrehman,

I would suggest you create two different Bars and set the second bar Initially Hidden with the style you want as described in the following thread, which might help you to acheive what you want.

Header nav bar to remain transparent while static, but be solid white while scrolling

That works great, thank you very much! Could you please hide the 2nd screenshot with the logo? Thank you

Sticky bar first transparent

Hi there Is it possible to have the sticky bar first transparent and with the first scroll get a background color? Thanks Andreas

Transparant header overlaying first section

That’s quite a pitty as you guys usually gave at least a great answer. I only read that all is outside of the scope of your theme, whereas I see multiple similar questions being answered in a proper way. Regretting a little going ahead with X theme.

NOTE: created one sample header with the transparent bar and solid color while scrolling, you can use that or replicate it.

Hope it helps.
Thanks

[abdurrehman]

I didn’t quite get that, you’ve access in the notes above, could you create a sample layout for me on the homepage?

[tristup]

Hi @abdurrehman,

I have already created a Header named Global Header Transparent. I have set it to the Home Page now, you can change the color and others according to your needs.

Thanks

[abdurrehman]

Initially wanted to have that trasnparent background and when scrolled a different color. I changed the color on 2nd bar and that’s showing transparent when scrolled and blue in start. Can you take a look? What settings I’m missing?

[tristup]

Hi @abdurrehman,

You had to change the color for Bar 1 not for Bar 2. I checked and changed the color, and now it is working as expected.

Thanks

[abdurrehman]

Thank you, I’ve got it.

When we are on mobile why the parent item isn’t clickable? It just shows the sub-menu items. For example, services is a page but it doesn’t show that page.

[tristup]

Hi @abdurrehman,

For that you need to select the Sub Menu Trigger option to Indicator from Menu > Setup. Also, need to select the Sub Indicator option from Links > Options.

NOTE: I would request you create different tickets for different topics, to avoid any confusion in the future.

Hope it helps.
Thanks