i want to show my site tittle / site logo in center to mobile navigation

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

• This reply was modified 7 years, 3 months ago by Dimitrakopoulos.

Please help me to fix

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;
   } 
}

Thanks a lot

its working.