Overlay caused by header

Hi Team,

I added 10px to the header_meta via padding-bottom but now the beginning of the page / slider is under the menu. Is there a way to fix this? Thank you.

My Quick CSS:

#header_meta { text-transform: uppercase; padding-bottom: 10px; }
#header_meta .container { top: 10px; }
.header_color .container_wrap_meta { background: white; }

#header_meta #avia2-menu a { font-size: 12px !important; }
#avia-menu .avia-menu-text { font-size: 16px !important; }
.sidebar a { font-size: 14px!important; }
#socket a { font-size: 14px; }

@media only screen and (max-width: 767px) { #header_meta { display: none; }
}

@media only screen and (max-width: 990px) {
#top #menu-item-search { 
display: none; }
.av-burger-overlay-active #top #menu-item-search { 
display: block; }}

#top .widget_nav_menu li { text-align: left; }
.widget { padding: 15px 0px !important; }

@media only screen and (max-width: 380px) {
.only-dt { display: none !important; }}

.post-meta-infos { display: none; }
.slide-meta { display: none; }
.responsive #socket .sub_menu_socket { display: block!important; }
.slide-content .blog-categories { display: none; }

• This topic was modified 6 years, 3 months ago by Phillip.