Melody Theme – CSS

• 

  brashleyphotography · Member · Nov 19, 2020 at 9:40 am

  • Copy link
  • Add topic to favorites

  Hi I am wondering if you could help me.

  I have changed the header colour via this CSS

  .site-header {
  background-color: #a5bda5;
  }

  However when I decrease the width of the page, just before I get the Menu pull-down option a white box appears.

  

  How can I remove that white box with CSS please? I tried altering the CSS for the .custom-colors-small-screen .main-navigation, background colour to the same colour of the site header.. but it didn’t work.

  The blog I need help with is: (visible only to logged in users)

• 

  staff-mckluskey · Staff · Nov 19, 2020 at 11:01 am

  • Copy link

  Hi there!

  This piece of code should help:

  .header-search-form, .custom-colors-small-screen .main-navigation, .custom-colors-small-screen .main-navigation ul, .main-navigation ul .sub-menu, .main-navigation ul .children, .main-navigation ul .sub-menu li:hover > ul.main-navigation ul .sub-menu li.focus > ul, .main-navigation ul .children li:hover > ul, .main-navigation ul .children li.focus > ul {
    background-color: #a5bda5;
  }

  Note that it also changes the background color of the submenus. If that’s not what you want, you can remove parts of the codes referring to those.

  Also, remember that with your plan you can access Live Chat directly via https://wordpress.com/help/contact. That way you can get help faster.

• 

  brashleyphotography · Member · Nov 19, 2020 at 12:00 pm

  • Copy link

  Thank you…