Docs

[Sandie]

Hi,

http://www.youpheal.com/behandlingar/

I would like to get some help with my Menu. I want to be able to navigate to different sections of one page within the menu.

Page: BEHANDLINGAR
Sub item: HKT-behandling (Section 2, at the page “Behandlingar”)
Sub item: TUNING (Section 5, at the page Behandlingar”)

Hope you can help me with this!

Thanks!

Best Regards
/Sandra

[Joao]

Hi Sandie,

As you want to have a mixed menu between one page navigation and links that take you to another page you will need to create two menus on Appereance > Menus.

To create your one page navigation menu you will need to add to the target sections of your page an ID to each section, you have an ID Box once you click on your sections in Cornerstone. Add an ID for example : my-id

Than you will link it to #my-id

All the other links you will keep as you have now.

Once this menu is created click edit page on :
http://www.youpheal.com/behandlingar/

And select this menu as your one page navigation menu.

On your main menu your links need to have the whole link.

so you will link it your inner page links to :
http://www.youpheal.com/behandlingar/#my-id

Hope that helps

Joao

[Sandie]

Hi,

Can you tell me more in detail how I add an ID to the target sections? I tried to find the ID Box in Customizer at the page “Behandlingar” as you mentioned in the earlier mail, but without any luck.

Thanks!

Best Regards
/Sandra

[Christopher]

Hi there,

Please see the attachment.

Hope it helps.

[Sandie]

Works great!

Thanks!

Do you know if I can make the Mega Menu smaller in size?
I will only use two columns in the mega menu, but still its width is more than enough.

I have the mega menu applied under the menu topic “BEHANDLINGAR”.

https://www.youpheal.com/

Thanks!

Best Regards
/Sandra

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.x-navbar-static-active .desktop .x-nav .x-megamenu>.sub-menu, .x-navbar-fixed-top-active .desktop .x-nav .x-megamenu>.sub-menu {
left: auto;
    min-width: 620px;
}

Cheers!

[Author]

Posts