Current setup converts items to boxes when Section nav is placed in the Second content region (right one on the side-by-side)
.region-content-second .section-nav ul.menu li {
list-style: none;
background-color: #fff;
text-align: center;
}
.region-content-second .section-nav ul.menu li {
list-style: none;
background-color: #fff;
text-align: center;
}
.region-content-second #boxes-box-os_pages_section_nav {
border: none;
border-bottom: none;
margin-top: -45px;
}
.region-content-second .menu-depth-1 .collapsed > a:before{
display:none;
}
.region-content-second .section-nav .menu-depth-1 > a{
background-color: transparent!important;
font-weight: 500;
color: #666 !important;
border: none!important;
font-size: 26px;
}
.region-content-second div#block-boxes-os-pages-section-nav {
max-width: 1170px!important;
}
.region-content-second .section-nav ul.menu li li a {
border: 1px solid #ccc;
padding: 45px 25px;
line-height: normal;
text-transform: uppercase;
font-weight: normal;
min-height: 45px;
background-color: #BAC5C6;
color: #000;
}
.region-content-second div#boxes-box-os_pages_section_nav ul.menu ul {
display: grid;
display: -ms-grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-ms-grid-columns: repeat(auto-fit, minmax(280px, 1fr));
grid-gap: 35px;
padding: 25px;
}
.region-content-second ul.menu.clearfix {
margin: 0;
}