Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 23, 2017 at 9:15 pm #843268
    jesscook7

    Hi,

    I’ve used the icon list as a type of sub-navigation on some of the pages of a website.

    I’ve had a lot of people saying that the arrows should be clickable as it’s not overly user friendly at the moment. How might I do this?
    I found this old post here: https://kriesi.at/support/topic/make-icon-list-icon-clickable/ but it hasn’t worked as the code they talk about replacing is different in this version of the theme.

    Would appreciate any help.
    Thanks,
    J

    August 24, 2017 at 6:21 am #843353
    John Torvik

    Hey jesscook7,

    I have checked your site and I could not find the sub-menu with the icons list. Can you tell me where is it?

    Best regards,
    John Torvik

    August 26, 2017 at 10:37 am #844318
    jesscook7

    Hi John Torvik,

    It’s in-page in the section just above the footer. On the link I posted it’s an arrow pointing left (View all services) and an arrow pointing right (Branding and design).
    Can you see where I mean?

    Thanks,

    Jess

    August 26, 2017 at 6:02 pm #844369
    Mike

    Hi,
    Making the icons a link is a feature that has been added since the post you were reading, I went ahead and made this change:
    Edit the Icon List > open the list item to edit the icon > choose the link for the title > choose the “Icon Only” in the “Apply link to icon” option.
    2017-08-26_114041
    Although this made the Icon outer circle egg shaped.
    2017-08-26_115957
    If you don’t like that Try this code in the General Styling > Quick CSS field:

    .services-in-page-nav-icons a {padding: 0 24px!important; }

    2017-08-26_120044
    Or try a solid icon without a border.
    I tested these icons on my localhost and they didn’t change shape:
    2017-08-26_120439

    Best regards,
    Mike

    • This reply was modified 7 years, 3 months ago by Mike.
    September 7, 2017 at 3:35 pm #849136
    jesscook7

    Hi Mike,

    Thank you, it’s worked a treat! I’ve adjusted the shape in the css to make circular again. I had to update the theme on the live site to implement (which broke all of the navigation styling, bit of a pain but all fixed now) which is probably why I couldn’t see the option before.

    Thanks for your help :-)

    Jess

    September 7, 2017 at 3:39 pm #849139
    Yigit

    Hi!

    Glad Mike could help! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How can I make the arrows into links on my icon lists?’ is closed to new replies.