Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #183456

    Hello,

    I have a drop down color/style on this website however it doesn’t appear to be visable/working on safari broswers/mac computers. But it does work in chrome.

    http://optizign.org/sitepreview/personaltouchdental.com/

    The drop down hover color should be a light purple as when viewed in chrome/other browsers.

    Thanks!

    #183610

    Hi optizign13!

    Please add this on your custom.css or Quick CSS:

    #menu-main-menu .sub-menu li a:hover {
    background: #5e3c73;
    color: white !important;
    }

    Let’s wait for Kriesi and Devin’s response. They can check this on a MAC computer.

    Cheers!
    Ismael

    #184478

    Hi

    I have already added that code but my issue is it not showing in SAFARI/MACS. It shows everywhere else.

    Thanks.

    #184558

    Hey!

    Remove the other code. Please add this on your custom.css or Quick CSS:

    #menu-main-menu .sub-menu li:hover a {
    display: block;
    }

    Refresh the browser a few times.

    Regards,
    Ismael

    #184559

    HI,

    I still want the hover color of background: #5e3c73 for the drop down though…my problem was that it was NOT DISPLAYING IN SAFARI. I NEED IT TO DISPLAY ON SAFARI/MACS.

    thanks.

    #184581

    Hi!

    Yes, that’s what we’re trying to fix. Did you use the code I provided? Try this one:

    #menu-main-menu .sub-menu li:hover a {
    display: block;
    background: #5e3c73;
    color: white !important;
    }

    Let’s wait for Kriesi and Devin’s response. They can check this on a MAC computer.

    Cheers!
    Ismael

    #184885

    Hello,

    Thank you for that, it does work on mac’s/ safari on macs however I am using safari for windows and it is not working…

    Is there any way to fix that? Thanks!

    #185037

    Hey!

    Safari on windows is no longer supported by Apple which in turn means we don’t support it either.

    Regards,
    Devin

    #268947

    Hi Devin,

    I am still having the issue of the hover color not displaying in Safari 5.0.10

    Is there any way to resolve this???

    #269355

    The link you provided in your first post is no longer working.

    Best regards,
    Josue

    #278763

    What is the styling for second level drop down? I need to change the hover background color.

    I know the drop down styling is as follows:

    #menu-main-menu .sub-menu li:hover

    I need to know the code for the NEXT level drop down.

    Thank you,

    #278811

    This link is not working:

    http://optizign.org/sitepreview/personaltouchdental.com/

    Regards,
    Josue

    #279564

    There is a password protect on the link. But you shouldn’t need to see the website, please just provide me with the code for the second level drop down menu for enfold.

    http://optimized360.biz/personaltouchdental.com/

    Please provide asap.

    #279568

    Hey!

    Please go to Enfold theme options > Advanced Styling and edit “Main Menu sublevel Links”

    Cheers!
    Yigit

    #279571

    I cannot find advanced styling under enfold theme. Please advise.

    #279574

    Hi!

    That means you are using an older version of the theme. Please update Enfold to the latest version 2.8.1 via FTP – http://vimeo.com/67209750

    Cheers!
    Yigit

    #279576

    Hi

    I do not want to update to the new version of the them. Can you please just provide me with the hard code so I can add to the custom css.

    I know the drop down styling is as follows:

    #menu-main-menu .sub-menu li:hover

    I need to know the code for the NEXT level drop down.

    #279581

    Hi!

    In that case we are going to need to see your live website. Since you are using an older version, css selector may not be the same. For example the selector you posted does not do anything on my local installation on Enfold 2.8.1.

    Best regards,
    Yigit

    #279584
    This reply has been marked as private.
    #279590

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #menu-main-menu .sub-menu li .sub-menu a {
    background: #2b153c;
    }

    Regards,
    Yigit

    #279599

    Hello,

    Thank you!

    Can you please provide me the code for the hover?? I need the second level hover to look exactly like the first level hover.

    Thank you!

    #279602

    Hey!

    Please try following code

    #menu-main-menu .sub-menu li .sub-menu a:hover {
    background: inherit;
    }

    Best regards,
    Yigit

    #279603

    Perfect!!!! Thank you so much!

    #279607

    Hi!

    You are welcome, glad we could help! :)

    Cheers!
    Yigit

Viewing 24 posts - 1 through 24 (of 24 total)

The topic ‘Drop Down Hover not working in safari/on mac's’ is closed to new replies.