So I got the custom CSS from earlier.

body.style-header-1 .top-header,
body.style-header-1 .header-nav-content{
height: 100px;
}
body.style-header-1 .primary-navigation ul.main-menu > li.level0 > a, body.style-header-1 .primary-navigation ul.nav-menu > li.level0 > a{
height: 100px;
line-height: 100px;
}
.logo-wrap .site-title .logo {
height: 100px !important;
}

But now the issue is on the mobile site it stays the same height and covers content. Is there some code I can add for the mobile site so it doesn’t?