Change color menu bar Dara theme on mobile

• 

  ainaflad · Member · May 4, 2020 at 3:10 am

  • Copy link
  • Add topic to favorites

  https://bikramyogahanoi.vn/en/

  Hello! I just changed the color of the menubar (Dara theme), and it worked fine. I used css code from this forum. But now as I load the page on my phone, the color of the dropdown-menu button is different than the color of the menubar itself. It is still the old default teal color. On desktop there is no dropdown menu, so the problem is just on the phone. Is there a code to change it?

• 

  32lamar · Member · May 4, 2020 at 7:23 am

  • Copy link

  Hi,
  As I can see you know how to work with CSS so hopefully this will help you.

  I would try to solve it with defining mobile screens too in CSS.

  You can use following CSS Code and define your color as wished:

  @media screen and (max-width: 960px) {
  //for the background-color of the main container
  div.menu-top-menu-container {
  
  }
  //for the background-color of the menu list in case of paddings or margins
  ul#top-menu {
        define your color here
  }
  ul#top-menu li a:link {
  
  }
  }

  Please keep an eye on formatting every detail like a:link, a:hover, a:active and so on.

  Just to mention: This is the support forum for websites hosted on WordPress.com platform. Since there are major differences between WordPress.com and WordPress.org forums and documentations it is recommended to visit the following site: https://wordpress.com/support/com-vs-org/

• 

  ainaflad · Member · May 4, 2020 at 10:04 am

  • Copy link

  Thank you for your answer! And yes, I understand some basics, but I am not a pro, hah

  I tried this, but could not really figure out how and in what manner to put in the hex in the code. I guess I am being very stupid