Hello there,
I have installed the pre-build website – Dental Studio Pro. And I have an issue with menu, to be exact, issue with one page menu links/anchors/extra classes – with their “activation” hover effect.
I would like to have it same way as you do on your original Dental Studio Pro here menu items “Services” and “Team”.
It means when I use extra class to link the menu item on the same page, after the clicking the item I want to that item stays active same way like hover effect if you understand me.
To compare a difference here is a link to my main page with the issue: https://dentalnipraxe.cz Menu items “Služby” and “Personál”
To clarify it even more I am adding also the screenshots:
My wrong One page Menu Items on activation
Your CORRECT One page Menu Items on activation
Could you be so kind and could you provide me with some solution or CSS to achieve same hover/active functionality in terms of one page anchors/extra classes?
Thank you for your assistance!
Hi,
I see, I think that one of our designers that made the demo forgot to set the links for anchors, those need to be set in the appearance > menu, please replace the service with this code and for team you need to use this one https://pastebin.com/KLZFZa3F
I hope this will help you!
Thana you!
Hi Calin,
I already have that piece of code, which sets the anchors. Unfortunately after “activation/clicking” on the menu item with code for anchors you provided, the menu item (eg. Services) doesn’t highlight. I suppose there must be a problem in CSS.
But I am not a programmer, just compared your website with my site and went through the development mode in internet browser:)
Let me know if you have any other possible solution on your mind.
Hi Z_V,
I think that you manage to fix the problem, right now for me the Služby is scrolling here https://i.imgur.com/oFL2tXV.png and the Personál here -> https://i.imgur.com/f8lSRiz.jpg
Thank you!
Yes! The scrolling function is okay, but the problem is in the menu bar, where it looks like you still are on th “Úvod” because even if the “Služby” scrolls you to correct part it doesnt stay “hovered/activated” with the blue color on menu bar.
In compare to Dental Studio Pro DEMO on your web it works like a charm correctly, so because of that I suppose there must be some hover/activation/focus functional error.
Look on the links with the pictures, which I have provided you in first feed of this topic – it is clearly visible.
Let me know what you think.
Hi,
I think that this is because on the live demo is set an extra class that is used for the current-menu-item, and this class look like is not added on menu when you install the demo.
I think that this is because that demo was rebuild using cloud library and the designer how rebuild the demo forgot about that part. I announce him and the problem will be solve for the coming theme update. (the live demo is still the old one with standard template).
Thank you!
Calin thank you for the clarification! I will stay tuned for the coming update then. It is kind of minor problem, but I am just kind of OCD person, who needs to fine-tune all possible details:D
Thank you for the report, assistance and your time.
Best regards
Zdenek
