-
Posted in : Editor
-
How can i move logo to the left side of the main content column? I cant just replace text-align: center to text-align: left.
You can use this custom css code;
.site-header .site-title { text-align: left; }Thanks
This is a bad solution because header container 100% width. Screenshot – http://c2n.me/3mfMggz.jpg, but i need same result – http://c2n.me/3mfMggz.jpg. On mobile devices can leave the current alignment.
I think it is a good solution to add the option of selecting the position of the logo in the theme settings
You can not control it because container width is changing with sidebar. I can give you custom css and you can set the logo to left side but without sidepar page you will have a problem again. Sorry it is not available by default.
Content width is different between sidebar page and without sidebar page. That is why this will not work if you want to put it between container.
Thanksis independent from main content container and .
I tried to fix it:
1) replace nav id=”primary-navigation” from header id=”masthead” container.....
Search for
2) Add custom css (not sure that this best code):
.site-main {border-top: 1px solid #E9E6DF;}.site-header {border-bottom: none; max-width: 1024px;}
.site-title {text-align: left !important;}
@media screen and (max-width: 768px) {
.site-title {text-align: center !important;}
.site-navigation {padding-top: 1.4em 0 0;}
.site-header {padding: 0 0 1.4em;}
}@media screen and (max-width: 992px) {
.site-title {text-align: center!important;}
.site-navigation {padding: 1.4em 0 0;}
.site-header {padding: 0 0 1.4em;}
}
And then i get what i want. I think you can release it better than me for sidebar/no sidebar version. Maybe you can release it in next update of your theme? I belive many users think about logo align replacement.
You must be logged in and have valid license to reply to this topic.