Change header position on Cubic Theme

  • Unknown's avatar
    beccakassab · Member ·

    Hello,
    My blog is aquiemaisbonito.com and I can’t figure out how to place my header/logo on the center of it, rather than on the left like it is right now.
    I’m using Cubic theme btw.
    I’m really new to CSS so it would be good if someone could guide step by step.

    Thanks a lot.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, first off, change your .site-header rule to this 

    .site-header {
	top:0;
	border-bottom:1px solid #fff;
	color:#000;
	display: inline-flex;
}

    and then add this at the bottom of your custom CSS. 

    .site-branding {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
}

    You may notice that the logo is slightly to the right. That is due to the way the header area is designed. There is a padding on the right to make room for the menu toggle. If I remove that, the menu icon section at the right disappears off the right side of the screen. See what you think with the above.

  • The topic ‘Change header position on Cubic Theme’ is closed to new replies.