Solved Help to remove a fine line in a divi header please

I have a fine vertical line in my header to the right of the logo and before the menu that I can't find how to remove, it's a header from Divi Flexile Headers For the life of me I can't see where to remove it - I've checked borders on everything I can see! Any help to remove it is appreciated - the header can be seen here: https://matthewe253.sg-host.com and I've uploaded an image with a crude arrow pointing to the area!
Thanks
Matt

 

Hi Dan - thanks but no that didn't work.

It appears there isn’t a column for the left hand side - see the screen shot here: http://matthewe253.sg-host.com/wp-content/uploads/2026/04/header-build.jpg

I’ve looked and can’t see an option for column border, I did add the code you supplied into the css for color codes, code also added it to the custom css on the logo, and custom css on the orange header section, nothing seems to work. The code from those boxes is below.



CSS FOR COLOR CODES:

<style>
.dfh-10 .et_mobile_menu li:notlast-child) a,
.dfh-10 .nav li li:notlast-child),
.dfh-10 .et-menu-nav li.mega-menu>ul>li>a:first-child,
.dfh-10 .et-menu-nav li.mega-menu ul li ul li:notlast-child) a {
border-bottom: 1px solid rgb(0,0,0,0.1) !important;

}

.dfh-10 .et_pb_menu__search-input {
color: #383838;
}

@Media screen and (min-width: 981px) {
.dfh-10 .sub-menu:before {
color: #383838;
}

}
div.et_pb_column_0_tb_header {
border-right: none;
}
</style>


AND

CODE:

<script>
(function($) {
function dfh_collapse_menu() {
var ParentMenuItem = $('.dfh-10 .et_mobile_menu .menu-item-has-children > a');
ParentMenuItem.off('click').click(function() {
$(this).attr('href', '#/');
$(this).parent().children().children().toggleClass('dfh-show-menu-items');
$(this).toggleClass('dfh-menu-switched-icon');
});

}
$(window).load(function() {
setTimeout(function() {
dfh_collapse_menu();
}, 700);
});

})(jQuery);
div.et_pb_column_0_tb_header {
border-right: none;
}
</script>

<style>
.dfh-10 .et_mobile_menu .menu-item-has-children > a:after {
content: '\\50';
display: block !important;
font-family: 'ETmodules';
font-size: 16px;
font-weight: normal;
position: absolute;
right: 10px;
top: 13px;

}

.dfh-10 .et_mobile_menu .menu-item-has-children > .dfh-menu-switched-icon:after {
content: '\\4f';
}
.dfh-10 .et_mobile_menu .menu-item-has-children > a {
position: relative;
}
.dfh-10 .et_mobile_menu .menu-item-has-children .sub-menu li {
display: none;
}

.dfh-10 .et_mobile_menu .menu-item-has-children .sub-menu .dfh-show-menu-items {
display: block;
}
.dfh-10 .nav li {
margin-top: 0 !important;
}
.dfh-10 .nav li li {
padding: 0 !important;
}
.dfh-10 .et-menu .menu-item-has-children>a:first-child:after {
top: 30px !important;
}

.dfh-10 .et_pb_menu .et_mobile_menu,
.dfh-10 .et_mobile_menu {
padding: 0 !important;
border-width: 2px;
border-radius: 5px;
}

.dfh-10 .et_pb_menu .et_mobile_menu a,
.dfh-10 .et_mobile_menu a {
padding: 12px 20px !important;

}
.dfh-10.et_pb_menu .et-menu-nav li.mega-menu ul.sub-menu {
border-width: 2px !important;
border-radius: 5px !important;
padding: 10px 20px !important;
width: 100% !important;

}
.dfh-10 .nav li.mega-menu li {
border-bottom: none !important;
}
.dfh-10.et_pb_menu .et-menu-nav li.mega-menu ul.sub-menu a {
padding: 12px 0 !important;
}
@Media screen and (min-width: 981px) {
.dfh-10 .et-menu > .menu-item-has-children > .sub-menu:before {
font-family: ETmodules;
content: '\\42';
position: absolute;
right: 20px;
top: -17px;
font-size: 30px;

}

.dfh-10 .et-menu > .menu-item-has-children.mega-menu > .sub-menu:before {
content: '';

}
.dfh-10 .et-menu .sub-menu .menu-item-has-children>a:first-child:after {
content: "\\35" !important;
top: 10px !important;

}
.et-db #et-boc .et-l .dfh-10.et_pb_menu .et-menu-nav li ul.sub-menu li ul.sub-menu {
left: 200px !important;
top: 0;

}
.et-db #et-boc .et-l .dfh-10.et_pb_menu .et-menu-nav li.mega-menu ul.sub-menu li ul.sub-menu {
left: 0 !important;
padding: 0 !important;
}

}

@Media screen and (max-width: 980px) {
.dfh-10 .et_pb_menu_inner_container {
align-items: center;
display: flex;
padding-bottom: 10px;
padding-top: 10px;

}
.dfh-10 .et_pb_menu__logo-wrap {
margin-bottom: 0 !important;
}
.dfh-10 .et_pb_menu__wrap {
justify-content: flex-end !important;
}
}

</style>


http://matthewe253.sg-host.com/wp-content/uploads/2026/04/header-build.jpg

 

All sorted - thanks Dan for all your help, much appreciated!