How to change vertical bar between menu items.

How to change vertical bar between menu items.

In the Airtech theme, there is a blue line between menu items.
It's actually an image, if you want to remove it, Please enter below CSS in wp-admin/appearance/customise/additionalCSS box.
  2. .main_menu .navbar .nav.navbar-nav li a:before {
  3.    display: none;
  4. }
If you want to change it, you will need to get the desired line as the image created. You can use Photoshop or Online tools like https://photoshoponline.pro/ to create one easily, after the image is ready, upload it to wp-admin/media/add new. Keep its Absolute URL handy and place it in the below code and, enter below CSS in wp-admin/appearance/customise/additionalCSS box.
  2. .main_menu .navbar .nav.navbar-nav li a:before {
  3.     background: url("https://path_to_the_image.jpg") no-repeat scroll center center;
  4. }

    • Related Articles

    • Remove double color on Menu bar background.

      In case you change the accent color of theme, the menu bar colors can look strange.  You can fix it by removing the double color. In order to do that, Please enter below css in wp-admin/appearance/customise/additionalCSS box. .main_menu .navbar {     ...

    • Change menu BG color on mobile.

      https://share.getcloudapp.com/d5ueeBE9 If you want to change menu background color on mobile, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .main_menu .navbar { background: #000000 !important; ...

    • Change color of hamburger menu on mobile

      https://share.getcloudapp.com/4gux57bx To change hamburger menu on mobile, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .navbar-light .navbar-toggler.collapsed span { background: #000; } ...

    • How to change Hero Image.

      Hero image is something that comes after the menu bar and before the content in most of the Pages. You can set Hero image globally and page level. To set or change Hero image globally, Please go to Themeoptions/Layout and then browse to extreme ...

    • How to change Why Choose us image.

      Change background image of Why Choose us Please edit the page by clicking Edit page in top bar. Edit the page. And then Locate the Why choose us section, and then click on the column editor as shown in screenshot. Click on "STYLING" Click on ...