Dimitrakopoulos

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

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 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 checked your site and works

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

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

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

Hello @itsmithu

Paste the following code to front end, customize->additional css

.page-header {
    display: none;
}

Thanks for using Colorskin @inspiredhome

Hello @inspiredhome

You can paste the following code to front end, customize->additional css

.page-title {
	display: none;
}

Also, you can add this code

.page-header {
	padding: 30px 0;
}

in order to increase the height of the header.

Regards,
Panos

The panel appears only in blog and not in single post. Do you mean how to delete it from blog?

Paste the following code to front end, customize->additional css and the panel will be completely hidden.

.page-header {
    display: none;
}

Hello @vbikee

You can copy paste the following code to front end, customize->additional css.

@media(min-width: 992px) {
    .content-area {
        float: right;
    }
}

Regards,
Panos

Hello itsmithu,

You can copy paste the following code

@media (min-width: 992px) {
.content-area {
width: 75%;
}

.sidebar{
width: 25%;
}
}

to style.css at the bottom or
go to front end, customize/additional css and copy paste the code there.

PS. Add in width your own numbers.

Regards,
Panos