• To improve performance and better customer
    experience we are maintaining our server.
    If you are getting login issues then
    please send an email at "themehunk@gmail.com"
  • Your query is valuable for us, you can post your query any time.
    We are ON in week days. You will get instant support in our working hours.
    We are little slow in non-working hours, but you will get response in maximum 24 hours.
    Our working timing is
    [10:00 AM (IST) - 7:00 PM (IST)]
    [6:30 AM (CET)- 3:30 PM (CET)]
    [12:30 AM (EST) - 9:30 AM (EST)]

    Login Rules
    1. Premium users can login directly using aMember credentials, Created at the time of purchase.
    2. Free users can re-register to access forum using this link : Register Here.

Problem With Header In Mobile Theme

#1
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

Pro Member
Staff member
#4
Hello there,

Go to the Appearance > Customize > Custom CSS and paste code given below.
Code:
@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.
 
#5
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%;
}}