Creative header and dropdown menu

Comments

• mccdesign

  March 2022

  I've added this code which has moved the menu away from the edge of the page, but it moves position when you open the dropdown and the arrow is still in the wrong place.

  
  

  #Top_bar .menu li ul li {

    font-size: 14px;

  padding-left: 10px;

  }

  
  

  #Top_bar .menu li {

    font-size: 26px;

  padding-left: 20px;

  }
• mccdesign

  March 2022

  Another update: I removed the code above as when I added more menu items most of the issues seemed to sort themselves out.

  The only issue I have now is that the menu shifts to the right when you open a dropdown.

  In addition I would like to left align the menu items – please can you let me know how to do this.

  Thanks
• Phil

  March 2022

  Hi,

  Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

  #Header_creative.dropdown #Top_bar #menu ul li a span{
      text-align: left!important;
  }
  #Header_creative.dropdown #Top_bar .menu_wrapper{
     width: 90%!important;
  }
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next