Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 12, 2020 at 6:58 pm #1203135
    BigBatT

    Hi guys,

    Happy Easter to all!

    1. It’s possible to add the tooltip to dots menu?
    2. Where and how to add css code to implement the dots menu (eg colors, active, visited ecc ecc)

    I want create a simple one page with all tips for my forum custumers and the tooltips is the must kind to insert the title of the section

    Thanks in advance
    Regards

    • This topic was modified 4 years, 8 months ago by BigBatT.
    April 14, 2020 at 1:20 pm #1203567
    BigBatT

    Anyone?

    April 15, 2020 at 3:26 pm #1204011
    Ismael

    Hi,

    Thank you for the inquiry.

    1.) The theme doesn’t have this option by default but it should be possible. You have to find a way to add the data-avia-tooltip attribute and the avia-tooltip class name to the menu items. Unfortunately, this will require modification that is beyond the scope of support. Please hire a freelance developer or contact our partner, Codeable.

    2.) You can add the css code in the Quick CSS field or the style.css file. However, please note that the one page dots menu is a custom modification in itself and the custom menu doesn’t respond to the current active section, so we won’t be able to target or apply a different style to the active menu item. If you only want to change the style of the dots, use this css code.

    #top .dots-menu .av-subnav-menu li a {
	border: 1px solid grey;
	max-width: 25px;
	max-height: 25px;
	border-radius: 25px;
	overflow: hidden;
	padding: 0 !important;
	border: none !important;
	background: red;
}

    Best regards,
    Ismael

    April 15, 2020 at 6:11 pm #1204095
    BigBatT

    Hi Ismael,

    thanks for the answers.
    On the internet I found a solution that suits my needs.

    Since I have to prepare a sort of “How to do”, I think I can do it with a separate html page from WordPress. Once done, I won’t have to edit it often, so it will be fine anyway.

    Here a example page

    Regards

    April 15, 2020 at 7:31 pm #1204129
    Guenni007

    https://webers-testseite.de/pureinstall/dot-navigation-with-colored-sections/

    you can manage that with Enfold Tools.

    • create a page where you have color-sections – set to 100% height.
    • each of the color-sections got a unique ID.
    • on top place a fullwidth submenu ( you can even use here an existing one ! But do not fix it here )
    • the targets are the unique ID’s of the color-sections.

    the rest is a bit of jQuery ( if you like to have an active state on those items)
    and quick css.

    All Instructions are on that page – with all code to be placed.
    I placed the class of the active state to the li element and named it : inview
    PS: you do not need to have this on the left side. Thats just a bit css more. I think it will not disturb the scroll bars here on the left

    • This reply was modified 4 years, 8 months ago by Guenni007.
    April 16, 2020 at 9:54 am #1204333
    Guenni007

    now i’m working on that – so it might be not working for a while . It seems to be better if i change the dots to be before the avia-menu-text when they are at the left side.

    Edit: so – if you only want some dots without text ( only on hovering) you can change yourself to your needed css.
    The most important thing here is to have the active state of the menu list points.

    • This reply was modified 4 years, 8 months ago by Guenni007.
    January 16, 2023 at 8:05 am #1378821
    Guenni007

    PS : page is moved to : https://pureinstall.webers-testseite.de/dot-navigation-with-colored-sections/

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.