DIVI Header Style #7 shows up in a mobile view

Hi DIVI Header Support-
I am wondering why the DIVI Header Style #7 shows up in the mobile view? I thought by default that the logo and primary menu shows only and not the custom style. What's even stranger is that I altered the text and logo in the style #7 but in the mobile view the original basic text shows like what was there from the DIVI team.

Does it have something to do with any custom CSS I have here below? I wouldn't think so. Here is the link to the site - http://sbo.e64.myftpupload.com/

#page-container .free-du-plugin-header nav li li a:hover {
background-color: #ee1b21!important;
opacity: 1;
color: #fff!important;
}
#page-container .free-du-plugin-header nav li li {
padding: 0!important;
}
#page-container .free-du-plugin-header nav .sub-menu {
padding: 0!important;
}

.dp_regular_menu_1.et_pb_fullwidth_menu .nav>li:not(.mega-menu) ul {
max-height: 450px;
overflow: auto;
}

html:not(.et_fb_preview_active--wireframe_preview):not(.et-fb-preview--wireframe) .free-header-overlap .et_pb_row {
width: 98%!important;
}
#page-container .free-menu-padding-small.free-menu-style-1 .fullwidth-menu-nav>ul>li>a {
padding: 25px 12px!important;
}

 

DIVI Header Help-

Ok I am totally confused I thought the DIVI Header style #7 would only show in the mobile view and that for the mobile view, DIVI uses the logo that is uploaded under DIVI Theme Options < Logo and all other styles for the header are for the desktop view only so why is it showing on the mobile device. How do I turn that off on the mobile view?

What am I supposed to do? I assumed that my DIVI header style that I pick only appears on desktop view but not phone or iPad versions? Am I right in saying this? How do I turn this off so it doesn’t display on the mobile view?

Notice this other site I did using DIVI Header Style #10 once you get to the tablet view it just goes to the logo and collapsed menu - https://irmcgroup.com/.

That’s what I want this site to do. Please advise.

Lauren B.

 

Ok I centered the logo for mobile and tablet and I opened the DIVI Header Library Style #7 and deleted a few modules that were greyed out toward the bottom I don’t know why they were in there twice one at the top with 3 blurbs which I could edit in Classic Mode and then more modules in blue toward body of page that I could only edit on the Front Editor side. I removed the modules of the social media links and another duplicate of the 3 blurbs at the top not sure why DIVI Header Style #7 had those 3 blurbs in there twice and then other modules below it that were not part of the header but I removed them. See SS. Right now when I go to Tablet or mobile size, the style now is completely gone which I understand happens correct? There is no way to keep the style #7 in for mobile or tablet devices right? I ask because the style actually looked cool on the mobile device. See that SS too.