• 

  omthreetimes

  Participant

  May 27, 2018 at 17:09

  Hi, guys

  I have two issues:

  1. The alignment of the main menu is not behaving correctly by the looks of it. The position is to the right as long it is under 1200px (wild guess). This is what I want-The menu float to the right at all times. but unfortunately with higher resolution it jumps to the left.

  2.I would like to remove the white line bordering the header. (screen attached)

  Thanks and Regards,
  Gert

  Please, contact administrator
  for this information.

  #193671 Copied Theme version: latest WooCommerce version: latest
  7 Answers
  

  Rose Tyler

  Support staff

  May 29, 2018 at 10:38

  Hello,

  Please add this code in custom.css of parent theme or in style.css file of child theme:

  .menu-main-menu-container {
      float: right;
  }
  .main-nav {
      border: none;
  }

  Regards

  #193751 Copied
  

  omthreetimes

  Participant

  May 29, 2018 at 14:38

  Thank you!!! Does it make a difference if I put the code to additional CSS instead of style.css, because it had no effect in style.css, but works perfectly with additional CSS. I am using a child theme.

  #193780 Copied
  

  Rose Tyler

  Support staff

  May 29, 2018 at 14:46

  You’re welcome!
  The code can be added in additional CSS area without any problem.

  Regards

  #193784 Copied
  

  omthreetimes

  Participant

  May 29, 2018 at 14:48

  Is it possible to hide the border on mobile as well? Thanks.

  #193785 Copied
  

  Rose Tyler

  Support staff

  May 29, 2018 at 14:51

  Please change this code:

  .main-nav {
      border: none;
  }

  to:

  .header, .main-nav {
      border: none;
  }

  Regards

  #193786 Copied
  

  omthreetimes

  Participant

  May 30, 2018 at 09:25

  Thank you!! Worked perfectly!

  #193849 Copied
  

  Rose Tyler

  Support staff

  May 30, 2018 at 10:12

  You’re welcome!

  Regards

  #193862 Copied
• Viewing 8 results - 1 through 8 (of 8 total)