Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • November 1, 2013 at 7:01 pm #183456
    optizign13

    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!

    November 2, 2013 at 4:50 am #183610
    Ismael

    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

    November 4, 2013 at 9:56 pm #184478
    optizign13

    Hi

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

    Thanks.

    November 5, 2013 at 1:10 am #184558
    Ismael

    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

    November 5, 2013 at 1:13 am #184559
    optizign13

    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.

    November 5, 2013 at 2:19 am #184581
    Ismael

    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

    November 5, 2013 at 6:57 pm #184885
    optizign13

    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!

    November 6, 2013 at 3:49 am #185037
    Devin

    Hey!

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

    Regards,
    Devin

    May 23, 2014 at 1:15 am #268947
    optizign13

    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???

    May 24, 2014 at 12:11 am #269355
    Josue

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

    Best regards,
    Josue

    June 13, 2014 at 11:36 pm #278763
    optizign13

    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,

    June 14, 2014 at 5:38 am #278811
    Josue

    This link is not working:
    http://optizign.org/sitepreview/personaltouchdental.com/

    Regards,
    Josue

    June 16, 2014 at 5:24 pm #279564
    optizign13

    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.

    June 16, 2014 at 5:33 pm #279568
    Yigit

    Hey!

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

    Cheers!
    Yigit

    June 16, 2014 at 5:36 pm #279571
    optizign13

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

    June 16, 2014 at 5:37 pm #279574
    Yigit

    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

    June 16, 2014 at 5:38 pm #279576
    optizign13

    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.

    June 16, 2014 at 5:43 pm #279581
    Yigit

    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

    June 16, 2014 at 5:48 pm #279584
    optizign13
    This reply has been marked as private.
    June 16, 2014 at 5:54 pm #279590
    Yigit

    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

    June 16, 2014 at 6:04 pm #279599
    optizign13

    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!

    June 16, 2014 at 6:06 pm #279602
    Yigit

    Hey!

    Please try following code 

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

    Best regards,
    Yigit

    June 16, 2014 at 6:08 pm #279603
    optizign13

    Perfect!!!! Thank you so much!

    June 16, 2014 at 6:09 pm #279607
    Yigit

    Hi!

    You are welcome, glad we could help! :)

    Cheers!
    Yigit

  • Author
    Posts
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.