Divi Mobile Solutions

How to Control the Divi Mobile Menu Top Border

Written by Divi Mobile Team

On December 7, 2019

Adding some color or flare to your divi mobile menu is a nice idea, but what if want to control it on a page by page basis? Yes it is possible with a little bit of CSS. You may even want the whole top border to be gone and not used at all. The CSS is listed below. You can use this CSS on a page by using the page options custom CSS or add it to the Divi theme option Global CSS.

Change the #F85B84 to any color you want.

 

Add to Divi Global CSS or Page CSS

.et_mobile_menu {
border-top: 6px solid #F85B84
}

Hide the Border All Together use This CSS

Add to Divi Global CSS or Page CSS

.et_mobile_menu {
border-top: none !important;
}

You May Also Like…

How To Add Text Above or Below the Mobile Hamburger Menu

How To Add Text Above or Below the Mobile Hamburger Menu

Adding some text below or above the mobile hamburger menu on Divi is really easy to add and edit to your liking.  With the code below simply add it to your Divi / Theme Options / Global CSS and you are done. You can change  the word MENU to anything you like, change...

How to Edit the Global Footer in Divi for Mobile

How to Edit the Global Footer in Divi for Mobile

The one really handy thing with the new Divi Builder is the ability to control the header and footer globally or individually for any situation. The other really cool feature is the ability to show a header or footer by device. You really want to make sure your site...

0 Comments