Archived topic
Two problems: Anchor point and table
9 replies · Started by Torsten on August 23, 2021
Hello,
I have two problems.
1. i have set an anchor point on the home page which can be reached via the menu among other things.
This works from other pages also via a button and it jumps to the home page to the anchor point.
Now to the problem: It is displayed when the home page is selected also the menu point of the anchor active. This should not be so. How can this be solved?
2. I have created two tables next to each other. In the desktop and tablet version they are next to each other.
In the mobile version they appear one below the other.
Problem: there is now a space between the tables. This should be flush. How can this be solved?
Hi there,
1. Give this CSS a shot:
.main-navigation .main-nav ul li#menu-item-4902[class*="current-menu-"] > a {
color: #f7c986;
}2. Let's handle one question per topic so please open a new topic for this question:
https://www.screencast.com/t/5d2XEg9hiWS
Thanks!
Hello Leo,
thanks.
The css does not give a solution.
I'll make a separate ticket for the second question!
Best regards
Torsten
The css does not give a solution.
That's likely because you are missing a closing } in your previous CSS for the media query:
https://www.screencast.com/t/REqxiHT9pTu
Hallo again,
thanks, I overlooked that!
Now it works. Only not in the mobile menu.
Best regards
Torsten
Add this as well:
.slideout-navigation.main-navigation .main-nav ul li.menu-item-4902[class*="current-menu-"] > a,
.slideout-navigation.main-navigation .main-nav ul li.menu-item-4902[class*="current-menu-"].sfHover > a {
color: #f7c986;
}
.slideout-navigation.main-navigation .main-nav ul li.menu-item-4902[class*="current-menu-"] > a:hover {
color: #009ce1;
}Thanks.
Only a:hover is missing.
Hello Leo,
thanks :-)
Best regards
Torsten
No problem :)
