Hi Elliot,

that got rid of the red menu button underline on hover but the other issues remained the same.

The css now reads

/*this is css for enfold menu*/

.header_color .main_menu ul:first-child > li.current-menu-item > a,{ background:#FFFFFF!important; color: #d1202f!important; } /* color of active menu item */
.header_color .main_menu ul:first-child > li.current_page_item > a { background:#FFFFFF!important; color: #d1202f!important; } /* color of active page */

.current-menu-item .avia-menu-text {color: #d1202f!important;}

.sub-menu .current-menu-item .avia-menu-text {color: #d1202f!important;}

.avia-menu-fx { display: none !important; }

Hallo nochmals,
leider habe ich immer noch keinen Grund für das Fehlverhalten gefunden. Im Entwicklungsbereich funktioniert alles einwandfrei, LIVE fehlen die Slider-Buttons für Vor- und Zurücknavigation und die Pünktchen unterhalb, die als Indikator für die einzelnen Slides gezeigt werden.

Ich nutze das ENFOLD Child Theme und folgende Dateien sind im Child-Theme-Ordner enthalten:
– footer.php
– single-portfolio.php
– functions.php
Dann habe ich noch ein verzeichnis “includes”, darin befinden sich:
– error404.php
– loop-index.php
– loop-search.php
Dann habe ich noch ein verzeichnis “js”, darin befinden sich:
– avia.js

Wenn ich im Entwicklungsbereich die “avia.js” aus meinen Child-Theme entferne, hat das zur Folge dass der ganze Fullscreen Slider nicht mehr funktioniert.

Wenn ich LIVE die “avia.js” aus meinen Child-Theme entferne, hat das gar keine auswirkungen. (getestet mit STRG + F5).

Irgendetwas muss ich übersehen, aber ich komme nicht drauf! :(

Hi Elliot,

I have moved the menu underneath the Logo to get rid of the overlapping issue.

I still have two issues.

Issue 1.

The menu is supposed to have the following colouring for top level menu items and sub (dropdown) menu.

Inactive menu item:
Red background #d1202f
White Text #ffffff

Hover:
White background #ffffff
Red Text #d1202f

Current Menu Item:
White background #ffffff
Red Text #d1202f

I have done the Inactive and Hover settings in the Enfold – Advanced Styling
There is no option for Current menu item there so…

I was previously given this custom css in this support forum to apply to style the menu which I applied to the child theme css accessed through Appearance – Editor.

/*this is css for enfold menu*/

.header_color .main_menu ul:first-child > li.current-menu-item > a,{ background:#FFFFFF!important; color: #d1202f!important; } /* color of active menu item */
.header_color .main_menu ul:first-child > li.current_page_item > a { background:#FFFFFF!important; color: #d1202f!important; } /* color of active page */

.current-menu-item .avia-menu-text {color: #d1202f!important;}

The last line of CSS was necessary as the previous lines were not working for text colour for some reason.

Everything is fine until you click on the “Recent Work” menu item.
Once that page is active the dropdown menu underneath that menu item seems to have red text instead of white, making the sub menu items invisible.

If any other page is active, and you hover over the menu button “Recent Work” those sub menu items are the correct colour, red background, white text.

How can I fix it so that when the page “Recent Work” is active and you hover over the menu item “Recent Work” that the sub menu items are visible with white text on a red background.

Issue 2.

When you hover over a menu item a red line appears at the bottom of that button.
On the last button that red line does not stay within the button width but is aligned to the right.
How can I fix or just remove the line.

I think the decoration is span.avia-menu-text

Elliot,

Yes. I copied the source code from the browser and pasted it into a specific location using a code block. The button styles are in place. The mouse overs are spotty. When clicked the functions works but the page content does not populate the share posting.

The code I pasted looks like this:

<div class=”av-share-box”><ul class=”av-share-box-list noLightbox”><li class=”av-share-link av-social-link-facebook”><span class=”avia_hidden_link_text”>Share on Facebook</span><div class=”avia-related-tooltip avia-tt” style=”top: 94px; left: 200.409072875977px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Facebook</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-twitter”><span class=”avia_hidden_link_text”>Share on Twitter</span><div class=”avia-related-tooltip avia-tt” style=”top: 84px; left: 319.909072875977px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Twitter</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-gplus”><span class=”avia_hidden_link_text”>Share on Google+</span><div class=”avia-related-tooltip avia-tt” style=”top: 91px; left: 439.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Google+</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-linkedin”><span class=”avia_hidden_link_text”>Share on Linkedin</span><div class=”avia-related-tooltip avia-tt” style=”top: 93px; left: 559.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share on Linkedin</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div><li class=”av-share-link av-social-link-mail”><span class=”avia_hidden_link_text”>Share by Mail</span><div class=”avia-related-tooltip avia-tt” style=”top: 94px; left: 679.499984741211px; display: none; opacity: 0;”><div class=”inner_tooltip”>Share by Mail</div><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></div></div>

Let me also offer some clarification. My name is Kris. I am working on a clients site using the enfold theme and mainly working in the staging area. I can provide you my staging login if needed in a private message.

Best Regards
Kris