How to move dropdown menu to the right and the logo all the way left

Store Design
1

Hello, i am trying to find any tutorial on how i can move the drop menu

all the way to the right and my logo to the left

Screenshot_20240208_204613_Chrome.jpg
Screenshot_20240208_204613_Chrome.jpg840Ă—386 36 KB

2

Hey @NHprpz ,

Can you share the link to your store please? Thanks!

3

https://www.norahpearls.shop/

4

Hey @NHprpz ,

Follow these instructions :blush:

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707397685814.jpeg
ThePrimeWeb_0-1707397685814.jpeg1253Ă—933 87.9 KB

5

Hey @NHprpz

Please add the below code to base.css file.

@media screen and (max-width:480px){
  .header{
    grid-template-areas: " heading icons left-icons";
  }
  header-drawer{
    padding-left: 15px;
  }
  .header__heading-link{
    padding-left: 0px;
  }
}
6

Thank you

7

try to use float

#logo {
float: left;
}

#dropdown-menu {
float: right;
}