Hi @itsmithu
Paste the follow code.
@media only screen and (max-width: 767px) {
.site-branding {
width: 100%;
text-align: center;
}
.header-text-title {
float: none;
}
.slicknav_menu {
text-align: center;
}
}
i have paste this code but not working.
site tittle and logo hiding behind the navigation in mobile
paste this code
@media only screen and (max-width: 767px) {
.site-branding {
width: 100%;
text-align: center;
}
.site-branding img.custom-logo,
.header-text-title {
float: none;
}
.slicknav_menu {
text-align: center;
}
}
and if you have this code in customizer, delete it
.slicknav_menu{
background:#fff;
height:60px;
z-index:170;
margin:0 auto;
width:100%;
position:fixed;
top:0;
left:0px;
right:0px;
text-align: left;
}
I have try this than also not working
Please check my site I have applied code which u provide me.
I checked your site and works
I just checked your site, itsmithu, and I saw you have deleted the code I sent you yesterday.
When yesterday I checked your site as you asked me, it worked fine.
Today I visited your site again and I saw you removed the code completely.
Explain to me, please, what you exactly want to do because I really want to help you.
I have deleted code because mobile menu not looking properly as I want
I need fixed mobile navigation like menu toggle left + site brand in center in one row.
Please find the attached image
The theme does not support sticky menu for mobile devices.
In a next update i will add a choice for sticky header in mobile devices.
I have done with css but site logo hiding behind navigation
Atleast fix this
And when new update release
Thank
really like theme with new update, almost my problem is solved with update.
i just need help help with
i need menu toggle left side in mobile version & site tittle in center in same row.
thanks
paste this code in customize -> custom css
and customize -> General Options -> Header Type, select Left Logo
@media only screen and (max-width: 991px) {
.site-header > .container {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.site-branding {
width: 100%;
padding-right: 0;
text-align: center;
}
.main-navigation {
width: 30px;
}
}
