Burger Menu left / Logo right?

Pixel_Production · April 2017

Hi,

got another question: there are many header options, but i can't find the solution for a logo on the right and the menu on the left. i would like to have the "classic" option but with switched logo and menu position.

second, how would i always display a burger menu instead of menu items?

thanks for your help!

Bryan · April 2017

Hi,
Use the classic header and send a link to your website. I will write you CSS to change the placement.
thanks

Pixel_Production · April 2017

Hi,

cool.

http://purpleview.pixel-tal.de/

login: a

password: i

anyway to make this login hidden, just for you?

i also wonder why the navigation und logo doesnt align with the content itself.

Bryan · April 2017

I do not need the login or the password. The logo is aligned with the menu.
Use this css to swap logo with the menu

#Top_bar .logo {
    float: right !important;
}

Pixel_Production · April 2017

thanks, this works so far.

now i need the navigation items to be a burger menu, wich should be aligned left.

how would i do that?

Bryan · April 2017

Please use this css to place the burger menu left

#Top_bar a.responsive-menu-toggle {
	right:unset !important;
}
#Top_bar #menu {
	right:unset !important;
}

Pixel_Production · April 2017

thanks. this works for the mobile version, but i want to display a burger menu instead of the navigation items on any screens. how would i do that?

Bryan · April 2017

You would have to select a diffrent header style, go to theme options>header&sunheader>header and choose a hamburger menu style header.

Pixel_Production · April 2017

Hm. i only find a "simple", but its with transparent background.

any advise how to get the look of the "classic" but with logo right, menu left and menu as a burger menu? how would i do that?

Bryan · April 2017

This is not possible, sorry

Pixel_Production · April 2017

i just need the navigation to be displayed as a burger menu, since this happen under a certain resolution automatically this must be possible. but how?

Bryan · April 2017

You can have the burger menu at 1240px maximum.
theme options>responsive>header
initial width

Pixel_Production · April 2017

Thats good to know. but it should be possible to change the value to like 1920px?

Bryan · April 2017

Yeah, you are right. We will consider adding this to the future updates.

Pixel_Production · April 2017

cool, sounds good.

any possibility i could change it myself now?

Bryan · April 2017

No, if you cannot move the menu from right to left you will be not able to make these changes as they are not even possible right now. These includes php, JS and CSS to change.

freiwild · March 2018

Hi, I have the Classic Menu and the Logo is on the right. Now I need the Navigation on the left (no Burger Menu).

Is it possible?

Or can I have more Space between the Menu and the Logo?

Bryan · March 2018

freiwild

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

freiwild · March 2018

Hi, here is the Link: http://wp1002813.server-he.de/_wp/

It´s a Test-Site.

Bryan · March 2018

Try this css

.menuo-right #Top_bar .menu_wrapper {
	float: left !important;
}
#Top_bar a.responsive-menu-toggle {
	right: unset !important;
	left:20px;

}

sybez · March 2018

Is the burger menu left and logo right (op's orginal question) ever going to happen team?

Thanks

Bryan · March 2018

sybez
You can change the mobile menu layouts in theme options>responsive>header.
thanks

sybez · April 2018

Ideally I would like the one of the header styles i.e. "simple" or "empty" as a burger menu for the main navigation, but on the left hand side of screen.

I have added CSS currently to hack round this, but I am getting a problem with the "side slide | width" in responsive > header when I increase it over 250px. Higher than this and the slide side background pokes out of the side of the screen before the menu button is pressed.

Here's the menu side slide at 250px - https://snag.gy/lLZ8Sa.jpg

Here it set at 400px - https://snag.gy/ZU1axu.jpg

As you can see if is already sliding over and obsuring the menu button.

Maybe I just need some more CSS to fix this?

Dev site link is here, but slide menu will be set at 250px - http://dev.digitalberry.co.uk/when-in-rome/

Bryan · April 2018

HI,
please set the menu to 400px and then we will see what is worng. We cannot check things if they are working fine.
thanks

sybez · April 2018

Menu now set at 400px in Responsive > header > side slide

Thanks

Bryan · April 2018

This is either cache or some plugin messing this up because it works fine on our betheme installation.
Try disabling all plugins and your custom css, then check again.
thanks

sybez · April 2018

Can you tell me what you have done/settings used to achieve this look then please?

I have tried to debug all my CSS but can't find the issue.

Thanks

sybez · April 2018

Ignore me, I found the culprit bit of css.

Burger Menu left / Logo right?

Comments