How to apply css smooth-scroll-link to the main menu

[wmstudio]

I can get smooth scrolling working from a link I create on a page to #SomeWhereOnThePage

How do I apply the smooth-scroll-link class to the Menu “Appearance > Menus >” ?

[Kyle – SUPPORT]

Hi

Check that you have css classes enabled in screen options, and then add smooth-scroll-link as the extra class

– Kyle

[wmstudio]

Kyle, where in the “screen options”?

[wmstudio]

I only see tick boxes on my screen options?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

No, on Appearance > Menus

– Kyle

[wmstudio]

Forgive me Kyle I’m a novice.

I’ve checked the tick box in Appearance > Menus “screen options”, where exactly do I go to add “smooth-scroll-link” for it to affect the Main menu?

I tried Theme Options > Custom CSS/JS.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Create a custom link, set the link to be your section id, for e.g. ‘#about’ then in the class box add smooth-scroll-link’

– Kyle

[wmstudio]

Kyle thank you – finally it is working!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[Kyle – SUPPORT]

Great 🙂 No problem

– Kyle

[wmstudio]

Q) How do I apply “smooth-scroll-link” to a sf_button?

Q) How do we scale down video placeholder image for mobiles? At the moment it only display top left corner. No horizontal or vertical alignment.

Q)The Swift Slider with captions text for mobile, the text appear over the top of the image. Is there a way to force the text to display above or below the image?

[laranz – SUPPORT]

Hi,

1. You can add the same class in the “Extra class name” in the button shortcode. ( Did you try that? )
2. Can you show an example?
3. You mean you want those texts http://cardinal.swiftideas.com/asset-reference/page-builder-assets/swift-slider/ below the image slider in the mobile version. If so that is not possible.

Let us know,

Thanks,
laranz.

[wmstudio]

1. Already tried inserting “smooth-scroll-link” in the extraclass with no success. The following the the sf_button source:
[sf_button colour=”transparent” type=”stroke-to-fill” size=”large” link=”#CONTACTUS” class=”smooth-scroll-link” target=”_self” dropshadow=”no” extraclass=”smooth-scroll-link”]Get in touch[/sf_button]

2. See the attached PDF

3. We will have to re-think this.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Can you please provide your link so I can check number 1. It should work fine. I can also help you with number 2 if you provide your link

– Kyle

[wmstudio]

http://formbend.ismysiteup.org/

[Kyle – SUPPORT]

Please could you update to version 1.72 first

– Kyle