Hello there,
Please try to follow the tutorial posted at our support forum here. You would make a adjustment accordingly.
Regards,
Kharis
Dear Kharis, thank you very much for your guidance. I perform the changes in the way mentioned in your link, but unfortunately, it is still not working.
Hello there,
Try to clear your web browser’s cache and test it again.
Regards,
Kharis
Dear Kharis
I did it but still not working. Also now mobile menu is not working on desktop and working on mobile devices. My url is getassistance.com.pk please have a look and see what is the issue in it and how I can resolve it.
Many thanks in advance.
Hello there,
Could you please share your site’s URL here? Maybe there is something I can check directly.
Regards,
Kharis
I already shared it before. it is
http://getassistance.com.pk
Dear Kharis
I am still waiting for your reply. My website url is: –
http://getassistance.com.pk
Hello there,
Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?
@media only screen and (min-width:901px){
#mainnav{
display: block !important;
}
.btn-menu{
display: none !important;
}
.header-wrap .col-md-4.col-sm-8{
width: 30%;
}
.header-wrap .col-md-8.col-sm-4{
width: 70%;
}
}
Regards,
Kharis
Thanks Kharis.
It is working now but creating a little problem. Now my menu is showing above the header images when it opened at screen of 1024 or less.
Hello there,
Please take a screenshot of it. Then share it to the free file hosting service like cloudup.com. Then paste its URL here.
Regards,
Kharis
Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?
@media only screen and (max-width:1024px){
.header-image{
max-height: 140px;
}
.header-inner{
display: none;
}
}
Regards,
Kharis
Unfortunately this is not working. Header image expand double after adding this code.
Dear Kharis
I have added following code but unfortunately problem has not been resolved so far. Can you please suggest what to do?
@media only screen and (max-width:1024px){
.header-image{
max-height: 140px;
}
.header-inner{
display: none;
}
}
Dear Kharis
I am still waiting for your reply, please.
