Sub menu hover color on mobile

Homepage › Community Forums › Epik Theme Support › Sub menu hover color on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 30, 2017 at 9:23 pm #21903
    Greg P
    Customer

      Hoping someone can help…

      If you shrink the window down to mobile size (on site noted below), the sub menu text is white so doesn’t show up without the background I have for the desktop.

      So not a good thing on mobile.

      Trying to find the css to change or add and can’t figure out what to do.

      Site is http://b9e.aad.myftpupload.com/

      Thanks for any help!

      Greg

      September 3, 2017 at 4:21 pm #21915
      Wes
      Moderator

        You can change the color in the Responsive section of the CSS around line 3830 – 

        	.site-header .genesis-nav-menu.responsive-menu .current-menu-item > a,
	.site-header .genesis-nav-menu.responsive-menu .sub-menu li a,
	.site-header .genesis-nav-menu.responsive-menu .sub-menu li a:hover,
	.site-header .genesis-nav-menu.responsive-menu .sub-menu,
	.site-header .genesis-nav-menu.responsive-menu > .menu-item-has-children:before,
	.site-header .genesis-nav-menu.responsive-menu > li:hover > a,
	.site-header .genesis-nav-menu.responsive-menu a:hover {
		color: #fff;
	}

        You can start by changing it to color: #333; or whatever color you want it to be. That should change it when the site is being viewed from a mobile device or any browser under 800px width.

        Let me know if that works.

        The site looks great! Let me know if/when it’s done so I can share it.

        October 6, 2017 at 4:59 pm #22007
        Greg P
        Customer
          This reply has been marked as private.
          October 7, 2017 at 7:36 am #22009
          Greg P
          Customer
            This reply has been marked as private.
          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • You must be logged in to reply to this topic.