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 (max-width:767px){
.header-wrap .container{
text-align: left;
position: relative;
}
.header-wrap .btn-menu{
float: right;
margin-right: 15px;
margin-top: -50px;
}
.site-header .col-md-4.col-sm-8.col-xs-12 a img{
max-width: 70%;
}
}
Regards,
Kharis
Works great on iPhone 6, but on my dad’s smaller android phone there are small issues.
-Logo and button do not display inline (perhaps the logo is too big, can I make it responsive somehow? I’ll try and tweak the logo so that it displays at 75% width on smaller screens)
-Menu covered only on home page by photo slider…this one I have no clue how to fix
Thank you for your help 🙂
Hello there,
Try to apply the following CSS code:
@media only screen and (max-width:767px){
.header-wrap .container{
text-align: left;
position: relative;
}
.header-wrap .btn-menu{
float: right;
margin-right: 15px;
margin-top: -50px;
}
.site-header .col-md-4.col-sm-8.col-xs-12 a img{
max-width: 75% !important;
}
}
Clear your web browser’s cache before reloading your site.
Regards,
Kharis
They now display inline on the phone! But the opened navigation still is covered by the rotating photo header on the home page on the stock android mobile browser…
Is there a way to make the expanded nav always display on top?
Hello there,
Could you confirm if your mobile web browser is the latest version?
Regards,
Kharis
