Move Nav bar on mobile?

[Siriarendalby]

I want to move the Nav block bare to the upper left corner. But keep it where it is on computer screen.

[nabeel]

Hi Siri,

Thank you for reaching out to us. This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it. Try adding the following code in the Theme Options > CSS:

@media screen and (max-width: 979px) {
   header.masthead {
        display: flex;
        flex-direction: column-reverse;
    }
    .masthead-stacked .x-navbar {
        text-align: left !important;
    }
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!