How can I align the menu to the right in Prestige theme?

Store Design
1

Hello Community,

I want to align the menu right but I’m only able to align the logo left or in the center.

There is no option I can see to align the menu right.

Could you please advise?

Es handelt sich um diesen shop: https://bijuuu.com/

Thank you!

2

Go to your Online store > Themes > Edit code > Assets > open theme.css or theme.css.liquid, add those code at the bottom and save file

@media screen and (max-width: 767px) {
.Header__FlexItem--fill { order: 1;}
.Header__FlexItem { justify-content: space-around; }
}
3

Hello @zehrace ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1676971266955.png
GemPages_0-1676971266955.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

4

Hi @zehrace

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1676971686755.png
PageFlyVictor_0-1676971686755.png1600×777 194 KB

Hope this answer helps.

Best regards,

Victor | PageFly

5

@zehrace

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
@media screen and (min-width: 1140px){
    .Header:not(.Header--sidebar) .Header__Wrapper {
        padding: 18px 45px;
    }
}
@media (min-width: 1100px){
    .Header__FlexItem--fill:first-child {
        order: 2;
        flex: 4 0 0 !important;
        justify-content: center;
    }
    .Header__FlexItem--logo {
        order: 1;
        flex: 1 0 0;
    }
    .Header__FlexItem--fill:last-child {
        order: 3;
    }
}
1 Like
6

@zehrace

@media screen and (min-width: 1140px) {
       body nav.Header__MainNav {
          text-align: right !important;
     }
 }
7

Thank you all! I tried this solution and it worked perfectly!!!