-
Posts
-
I have no idea why the WPML language switcher does not behave like the rest of the menu. It even looks different on different pages. No custom CSS is being implemented.
Perhpaps you can take a look:
URL #1: http://dash.lol/
URL #2: http://dash.lol/info/All I want is for it to appear like the rest of the menu. If some custom css styling is needed, that is OK.
Thank you!
WPML support says the problem is due to styles in the theme.
https://wpml.org/forums/topic/on-one-page-language-switcher-looks-different/#post-1339733Sometimes, the INFO link on the INFO page is color blue and other times, it is not. The “English” is always blue.
I would like the menu to behave better in terms of hover and links. It certainly needs to be consistent for all menu items.
I look forward to your response.
Thanks!
This image will help you see what I am talking about.
http://dash.lol/wp-content/uploads/2017/08/menu_color_issues.pngOk, I see something interesting. When logged OUT the link is to: dash.lol/info/#top – and also in the language switcher
When logged in, the link includes #top only in English
When it is blue, it includes #top in the link.
I probably need to get rid of that. I am not sure where it is coming from.
Ideas?The #top which is effecting colors sometimes appears in the WPML URL and other times it does not. I don’t know why. When it does, the color is changed just the same as when it appears in the Enfold menu.
It would be acceptable to remove the color change. I don’t care if the LINK contains #top, I just don’t want it to effect the color of the menu.
See this image:
http://dash.lol/wp-content/uploads/2017/08/where_does_top_come_from.pngWhat I am hoping for is One color for all links when not in HOVER state, and a different color when in HOVER state.
When #top in in the URL of the link, it uses the HOVER color and it just will not release it.
So, I either have to get rid of the #top in the URL, which is added automatically, or find a way to allow it, but not be used for HOVER state in color choice. I have tried a few things with css, but I am so far not able to get any results.
I discovered one more thing, after many hours of trying to figure this out, and that is that the #top in the mouse-over URL is not in the URL of the page source. I am going to include one more image to show you what I am talking about, here:
http://dash.lol/wp-content/uploads/2017/08/top_in_mouse-over_URL.png
Please review and let me know. This ticket is now over 24 hours old and tomorrow is a weekend. My expected go-live is August 19 and this is not resolved. Unhappy.It took me all day to figure this out. I need to learn styling better, but in the case of such a complex theme interacting with WPML, I should be forgiven. Here is my solution:
/* FIX THE MENUS DISPLAYING WRONG COLORS */ .header_color .main_menu ul:first-child > li.current-menu-item > a {color: #0066ff !important; } .header_color .main_menu ul:first-child > li.current-menu-item > a:hover {color: #ff4093 !important; } .avia-menu-text {font-weight: bold !important; font-size:130% !important;}
- You must be logged in to reply to this topic.