[Resolved] Right-Justified Header Consistency

[James]

Recently, Elvin assisted me in getting my site name and tagline to display fully right-justified. However, I notice that on a mobile device, it appears centred. Can I get it to be right-justified across all devices? This is for my site Miramichi Flash
Thank you.

[Elvin]

Hi there,

You can add this CSS:

@media (max-width: 768px){
.inside-header {
    flex-direction: unset;
    text-align: right;
}
}

[James]

Thank you again, Elvin! Although on my phone it appears just slightly to the right.

[Elvin]

Thank you again, Elvin! Although on my phone it appears just slightly to the right.

Yeah that’s because of the padding right padding added within the Header padding found in Appearance > Customize > Layout > Header. https://share.getcloudapp.com/o0uEBm2E

Reduce the right padding for mobile so it moves more to the right.

[James]

I’ll give your fix a try and report back later, Elvin.

[James]

Resolved! Thanks again.

[Elvin]

Nice one! thank you for letting us know. No problem. 🙂

[Author]

Posts