New Landing How can we help? Cardinal How to apply css smooth-scroll-link to the main menu

Viewing 15 posts - 1 through 15 (of 29 total)
  • Posted in: Cardinal
  • #102729
    wmstudio
    Member
    Post count: 39

    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 >” ?

    #102734
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

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

    – Kyle

    #102934
    wmstudio
    Member
    Post count: 39

    Kyle, where in the “screen options”?

    #102937
    wmstudio
    Member
    Post count: 39

    I only see tick boxes on my screen options?

    Attachments:
    You must be logged in to view attached files.
    #102947
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No, on Appearance > Menus

    – Kyle

    #102980
    wmstudio
    Member
    Post count: 39

    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.
    #102987
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    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

    #103000
    wmstudio
    Member
    Post count: 39

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

    #103001
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great 🙂 No problem

    – Kyle

    #109226
    wmstudio
    Member
    Post count: 39

    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?

    #109396
    laranz – SUPPORT
    Member
    Post count: 3186

    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.

    #109605
    wmstudio
    Member
    Post count: 39

    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.
    #109609
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    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

    #109612
    wmstudio
    Member
    Post count: 39
    #109614
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Please could you update to version 1.72 first

    – Kyle

Viewing 15 posts - 1 through 15 (of 29 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register