.site-nav {text-align: right ..} help me change it to left!

Solved
New Member
2 0 1

Thanks for reading..i have the minimal them and been doing some edits..but for the life of me cannot find where to change me nav menu text-align to change it to left!  I believe it is inherited from ul.AccessibleNav but i can't find it!

 

p.s. some coding experience but not with css, thanks for any suggestions!

0 Likes

Success.

Shopify Partner
236 59 75

Hi @Steverone,

 

It can be so frustrating trying to find the proper place to make changes to the code! I may be able to help with this.

 

Take a look in the header.liquid file under the Sections folder.

 

Find this code:

{% unless section.settings.nav_below_logo %}
    @media screen and (min-width: 769px) {
      .site-nav {
        text-align: right!important;
      }
    }
  {% endunless %}

Change to (or however else you want it):

{% unless section.settings.nav_below_logo %}
    @media screen and (min-width: 769px) {
      .site-nav {
        text-align: left!important;
      }
    }
  {% endunless %}

Let me know if this answers your question or if you need further help.

 

Cheers!

Brian | Shopify Partner | Ecommerce Consultant
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution  
 - Need further assistance? Visit www.BrianAtWork.com

1 Like
New Member
2 0 1

Perfect, thank-you!

1 Like
New Member
1 0 0

Where would I find the ability to align the text nav links to the right within the Motion theme? Nothing I do is working.

0 Likes