How do I change my burger placement

[ParadoxVapez]

so I would like the burger to be further to the right on the header where do I go about moving it?

[nico]

Hi @ParadoxVapez,

Thanks for writing in.

You could use this CSS below to adjust the position of the burger menu:

@media (max-width: 979px)
.masthead-inline .x-btn-navbar {
    margin-right: -45px;
} 

Add your code in Theme Options > CSS.

Let us know how it goes.

Thanks.

[ParadoxVapez]

does this go in global or header CSS

[ParadoxVapez]

Also did not work dont u guys have an option? like why would u maike this silly Header editor and leave so many options out like obviously having a burger in the middle of the screen isnt correct and it should be on teh far right/

[Prasant]

Hello @ParadoxVapez,

Thanks for updating the thread and I am really sorry for the confusion over here.

I see that you are using Pro Theme but it was not clear that whether or not you are using header builder. I think my colleague might have assumed that you are not using Header Builder and that’s why he gave you the CSS code.

However, there is no need for custom CSS code as header builder has all the necessary tools and functions. All you need to do is open the Bar that’s holding burger element and under Flex Layout > Horizontal > Select End.

To help you get started I have recorded a screencast, please take a look. https://cloudup.com/ctipF2eN5GK

Let us know how it goes.

Thanks.