Problem With Header In Mobile Theme

[mitjatanjga]

flf.unibl.org
I finished all changes in header info of this web site but now this pose problem when somebody wants to change language or press social icons on mobile telephone version. It always open MENU.
Please help.

 

[karrtik]

Hello there,

You can try this CSS:

.header-content{
z-index:999;
}

Best Regards

 

[mitjatanjga]

Nice touch. Problem is that now I cant open MENU on mobile telephone. Heeelp!

 

[karrtik]

Hello there,

Go to the Appearance > Customize > Custom CSS and paste code given below.

@media screen and (max-width: 768px){
.header .img-responsive{
position:relative;
margin-top:0!important;
top:10px;
right:20px;
}
.header-content {
    position: absolute;
    top: 5px;
    right: auto;
    left: 0;
}
.header-content ul {
    display: inline-block;
    max-width: 95%;
}}

Thank You.

 

[mitjatanjga]

Still nothing. I will paste you all custom CSS that Support have sent me so you can find a problem.
.flex-slider li .caption-content h1, .flex-slider li .caption-content p, .flex-slider li .caption-content a{
color:#020000
}
.read-more.read-more-slider a{
border-color:#e2b73f
}
#main-menu-wrapper {
float: none;
}
.navigation ul li {
float: none;
display: inline-block;
}
#main-menu-wrapper nav.navigation .menu {
text-align: left;
}
.navigation .menu > li > a {

padding: 0 35px;
font-size: 14px;
}
.flex-slider li .caption-content{
display:none;
}

@media only screen and (min-width: 981px){
.slider-wrapper, .flex-slider .slides li {
height: 50vh!important;
}
.home .content-wrapper {
padding-top: 100px;
}
.flex-slider li .caption-content {
top: 20%;
}
}
.slider-wrapper {
margin-bottom: 0;
}
#main-menu-wrapper .menu-item-has-children > a:after{
display:none;
}
.header-content {
position:absolute;
top:15px;
right:0px;
}
.header-content ul {
display: inline-block;
}
.header-content li {
display: inline;
margin:0 7px;
}
#main-menu-wrapper nav.navigation .menu {
text-align: left;
padding-top: 0px;
}
.logo {
padding: 26px 0 5px;
}
.navigation ul ul ul {
left: 227px;
}
.home .header-wrapper {
overflow: visible;
}
.flex-slider li .caption-content .fs-category, .slider-post-date, .read-more.read-more-slider{
display:none;
}
.header-content{
z-index:999;
}
@media screen and (max-width: 768px){
.header .img-responsive{
position:relative;
margin-top:0!important;
top:10px;
right:20px;
}
.header-content {
position: absolute;
top: 5px;
right: auto;
left: 0;
}
.header-content ul {
display: inline-block;
max-width: 95%;
}}

 

[karrtik]

Hello there,

Please clear browser cache and check header again. I am able to click menu.
https://www.screencast.com/t/2lpp7bZAa

Thank You.