Move Header menu to right side of screen Dawn theme

Store Design
, ,
1

Trying to make my Header menu on right screen rather than underneath the logo and on left side of screen (desktop version)

I am using Dawn Theme.

Here is my url:

https://coastalux.myshopify.com/

Somebody please help. Thank you in advance!

2

Hello @coastalux

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.header__inline-menu {
    text-align: right !important;
}

Do you want like this:-

2023-04-13_13-16.jpg
2023-04-13_13-16.jpg1664×162 10.3 KB

3

Thank you for your reply @oscprofessional

Instead of underneath the search icon, how would I have it lined up next to the search icon?

4

@coastalux

add below css into base.css file

@media (min-width:990px)
{
.header:not(.header--middle-left,.header--middle-center) .header__inline-menu {
    position: absolute !important;
    right: 105px;
    top: 32px;
}
}

Ujjaval_0-1681372612575.png
Ujjaval_0-1681372612575.png1588×786 130 KB

1 Like
5

Thank you for your reply @Ujjaval

I am trying to have the text line up next to the search icon rather than underneath the search icon.

6

Thank you for your help you guys!

7

hello,

wich code do i remove or where do i past this code to put the menu to the right?

8

hello,

wich code do i remove or where do i past this code to put the menu to the right?

9

Is there a way to do this for a drawer menu?