How to hide divider lines between vertically displayed menu items?

Comments

• Phil

  July 2023

  Hi,

  Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

  
  

  Thanks

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

  July 2023

  I solved it myself. It would have been nice to have this as a simple setting instead of me having to dig into the CSS to fix this.

  
  

  #Header_creative #Top_bar .menu > li > a span {

      border-bottom-width: 0px;

  }

  
  

  #Side_slide #menu ul li {

    border-top: 0px;

  }

  
  

  #Side_slide #menu > ul:last-child > li:last-child {

    border-bottom: 0px;

  }
• Phil

  July 2023

  There is an option for that, but I could not know what type of header you have without a link to your website.

  From your CSS, I know what header you have, and an option to hide these lines is placed in Betheme -> Theme options -> Menu & Action Bar -> Menu, but please always attach a link to the website to which you refer. This helps determine many aspects of your website and prepare direct answers.

  

  Thanks

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

  July 2023

  I did find the setting to hide the borders between items, but it didn't work. I have the vertical menu down the left side of my layout.
• Phil

  July 2023

  It should work anyway, but to check that, as I mentioned before, I would need a link to your website.

  
  

  Best regards

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

  April 3

  Hi,

  I have the same problem. I want to hide the vertical borders between menu items, but even though the checkbox is checked, they are still visible.

  https://aquamarine-gull-325798.hostingersite.com/
• Phil

  April 4

  Hi @andrzejkaletamail,

  Try the following CSS code:

  #Top_bar .menu.page-menu > li > a{
   border:none!important;
  }
  

  Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

  
  

  Best regards

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