How can I reposition the main menu on my desktop site?

Store Design
1

Hi, I would like to change position of the main menu od desktop. Right know there is logo on the left, main menu next to the logo, cart on the right with cart next to it on the edge. I would like to position main menu to the right, next to the cart(cart will be on the edge). Also the logo to the left and remove the search icon. I tried many codes I found on the internet, but nothing worked. Thanks for responding.

www.gleam-glass.myshopify.com

2

@noapaxx - add this css to the very end of your base.css file and check

.header__inline-menu {grid-area: icons;    text-align: right;    margin-right: 30px;}

suyash1_0-1676000085294.png
suyash1_0-1676000085294.png1366×768 154 KB

3

Hello @noapaxx

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

@media only screen and (min-width: 990px){
.header--middle-left{
  display: flex;
  justify-content: space-between;
}
.header__inline-menu{
  width: 100%;
  display: flex;
  justify-content: right;
}
}

Let us know how it works for you.
Best regards,
GemPages Support Team

4

@noapaxx

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

@media only screen and (min-width:990px){
    .header--middle-left {
    display: flex;
    justify-content: space-between;
    }
    .header__inline-menu{
        width: 100%;
        text-align: right;
    }
}