Navigation Menu

[zcd]

Never mind – I see the Class ID set in the ROW by Visual Composer. Is there however a way to keep the sections animated (easing etc) it seems like it just skips to the section rather than a nice fluid motion.

[Theme Alien]

Hello,

Sorry for making you confuse.

To make the menu scroll to sections with animation when you click to it, just 1 condition you have to follow: enter the link of menu item in this format: your_domain + #section_id

Eg:
Your site is: http://website.com
Section ID is: section-services
Your menu link will be: http://website.com/#section-services

This is a screenshot: http://i.imgur.com/7oYwze1.png

Thank you

[zcd]

Could you answer my second question? The fluid motion of the #section? Here is my live site: http://www.zcd.com.au/projects/btta/ – it seems the menu items jump to the section rather than easing to it.

Please advise.

[zcd]

ONE more question – is it possible to leave the sticky header permanent? So it’s viewed on the fullscreen slider from onLoad?

[Theme Alien]

Hello,

1. When you enter the menu item link in the right format, the scroll effect will be applied to it.

Example, the “About Us” menu has the link “#section-about” now, please change it to “http://www.zcd.com.au/projects/btta/#section-about” and you will see the easing effect when click to it.

Do the the same with other menu items.

2. Yes, you can make the sticky header always be visible, from onLoad. Please go to the Theme Options > Style and add this CSS code to Custom CSS editor:

.page-template-one-page-php .site-header {
    z-index: 999;
    top: 0;
}

Regards

[zcd]

Hi,

So with the section row URL for the menu link – do I need to specifiy the full URL? I’m currently on a test-site, and so I only entered the #section-title without the full URL – could this be causing the issue?

Thanks for the sticky header – is there away to get it UNDER the admin toolbar so it doesn’t overlap? Only if it’s easy.

Thanks for your support so far!

[Theme Alien]

Hello,

For the row, when you specify the ID, please just enter the ID, NOT the full URL. Just enter the full URL for menu item. It means you are doing everything right, just change the URL of menu items.

With z-index: 999, the menu is already under the admin bar. Please just enter the z-index value is 999, not bigger. It will be under the admin bar.

Best regards

[zcd]

Hi,

Sorry – you’re not being exactly clear here.. With the URL – do I need to enter the FULL URL for the menu link item? Or can I just enter the #section-name (WordPress will default to add to existing address in bar $siteurl/#site-map) Like I said – I am working on a test site and the domain will most definately change and I want to keep it seamless when I move the site. Please confirm this is the case.

And when I say the menu – I’m talking about the actual sticky header is currently UNDER the admin bar – it seems that it isn’t in the right #content wrapper and the default wordpress admin bar is overlaying it.

ZCD.

[Theme Alien]

Hello,

1. In the custom link menu, you need to enter full URL as http://www.zcd.com.au/projects/btta#section-about. In the row settings, you just need to enter section ID as ‘section-about’. Please see the screenshots below:
– Custom link menu: http://prntscr.com/6x7ci6
– Row settings: http://prntscr.com/6x78x5

2. Please use code custom CSS below:
.page-template-one-page-php .site-header {
z-index: 999;
top: 0;
}
.admin-bar.page-template-one-page-php .site-header {
top: 32px;
}

Thanks.

[zcd]

Hi,

Thank you – works awesome. Very happy with the theme! 🙂

ZCD.

[zcd]

How do I remove the margin for the top once in mobile view? Currently if logged in with admin bar – the menu appears 32px lower, so there’s a 32px gap. Is there a way to not activate this margin for the responsive view?

[Theme Alien]

Hello,

Please insert the code below to the Custom CSS editor:
@media only screen and ( max-width: 782px ) {
.admin-bar.page-template-one-page-php .site-header { top: 46px;}
}
@media only screen and ( max-width: 600px ) {
.admin-bar.page-template-one-page-php .site-header { top: 0;}
}

Thanks.

[chorlypedron]

Hola, hace unos días compré este thema, pero lo he instalado y estoy configurando el menu, pero cuando entro a visualizar la web no me aparece como en la DEMO, con todas las imágenes y el slide scrooll suave y bonito como en la DEMO. Esta es mi página, por favor, revise y me dicen como puedo ver igual a la DEMO. Gracias.
http://www.pcainformatica.com

[Theme Alien]

Hello,

Thank you for contacting us. Firstly, we only provide support in English.
In the theme package, we included the demo content file and a documentation. Please follow it to import the demo content.

Thank you

[chorlypedron]

OK. Thank you very much for your reply. Public Safety just steps to install DEMO, but after installing, in “Settings-Reading” choose “static page” but later, in “Home Page” and “entry page” does not give me the option to choose “Homepage Slider Dark” in “Front Page” only gives me the option of choosing “Sample Page”. In the “Post Page” I can not choose option “Blog either choice” just let me choose “Sample page”.

Please, if I can help with this, I’d appreciate it.

I look forward.

[Author]

Posts