• Resolved parispap

    (@parispap)


    Hi there! In homepage seems to be highlighted 2 menu buttons instead of one. I have checked the option “Allow only one highlighted element at a time” but the problem still persists. Any suggestion ?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author malihu

    (@malihu)

    Hello,

    The highlight you see comes from the theme (not the plugin). WordPress themes typically highlight same-page menu items and this is what happens in your case.

    To bypass the theme’s highlight for the smooth scrolling anchor links you need to add the following to your CSS:

    .header .main-menu > li.current-menu-item > a.__mPS2id:not(:hover){
    	color: #1f2531;
    }
    
    .header .main-menu > li.current-menu-item > a.__mPS2id:not(:hover):before{
    	opacity: 0;
    }

    And if you also want to bypass the homepage link “Αρχικ?” highlight, just change the above CSS to:

    .header .main-menu > li.current-menu-item > a.__mPS2id:not(:hover), 
    .header .main-menu > li.current-menu-item.menu-item-home > a:not(:hover){
    	color: #1f2531;
    }
    
    .header .main-menu > li.current-menu-item > a.__mPS2id:not(:hover):before, 
    .header .main-menu > li.current-menu-item.menu-item-home > a:not(:hover):before{
    	opacity: 0;
    }

    Let me know if it worked the way you want.

    PS.I don’t know if you’re Greek (as I see the site is Greek), but if you are ελπ?ζω να βο?θησα ??

    Thread Starter parispap

    (@parispap)

    Thank you mate! You are amazing.

    Ευχαριστ? πολ? !!!

    Thread Starter parispap

    (@parispap)

    Καλησπ?ρα φ?λε !

    ?χω το ?διο πρ?βλημα στο μενο? με το παρακατω website:

    https://photoboothexperience.gr/

    Μπορε?? να βοηθ?σει? ;

    Ευχαριστ?

    Plugin Author malihu

    (@malihu)

    @parispap Ναι, φυσικ? ??

    #Top_bar .menu > li.current-menu-item > a[href*='#']:not([href='#']):not(:hover), 
    #Top_bar .menu > li.current_page_item > a[href*='#']:not([href='#']):not(:hover), 
    #Top_bar .menu > li.current-menu-item.menu-item-home > a:not(:hover), 
    #Top_bar .menu > li.current_page_item.menu-item-home > a:not(:hover){
    	color: #fff;
    }
    
    #Top_bar .menu > li.current-menu-item > a[href*='#']:not([href='#']):not(:hover):after, 
    #Top_bar .menu > li.current_page_item > a[href*='#']:not([href='#']):not(:hover):after, 
    #Top_bar .menu > li.current-menu-item.menu-item-home > a:not(:hover):after, 
    #Top_bar .menu > li.current_page_item.menu-item-home > a:not(:hover):after{
    	opacity: 0;
    }
    Thread Starter parispap

    (@parispap)

    Σε ευχαριστ? πολ? !!!!

    Thread Starter parispap

    (@parispap)

    Για κ?ποιον λ?γο φα?νεται να μην δουλε?ει στο published site….

    Thread Starter parispap

    (@parispap)

    ?κυρο ?παιξε ! ?χω betheme και ?πρεπε να το περ?σω μ?σα στα CSS options του theme και ?χι στην επιλογ? του WordPress ??

    Plugin Author malihu

    (@malihu)

    Super ?? Ευχαριστ? πολ? για το review!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Highlited 2 menu buttons in homepage’ is closed to new replies.