Streaming live at 10am (PST)

How do I center my logo using the mobile hamburger menu?


#1

Hi everybody,

I'm trying to center my logo in the mobile hamburger menu strip view, since it's currently only allowed to exist on the left, while the burger is on the right. I used the margin and padding options which indeed moved the logo, but the logo does not stay perfectly centered on all mobile devices, instead shifting around quite a lot.

My goal is to have the logo always centered on all mobile devices while the burger drop down stays on the left or right.

How do I do this?

Thank you,

Richard Nash
Los Angeles, CA


#2

Hi.

Give Menu container Text align Center.
Then on mobile view, give Menu button float Left. And Logo container Float None.

See:
https://webflow.com/design/nicebg?preview=c601b19ecb136c8d618f1bddc890583b


#3

thank you for trying Rowan, but that did not seem to work for your or my website. Your logo is text, first of all, and not an image like mine is. Secondly, your text logo is centered between the hamburger menu and the right margin, but not in the center of the left and right margins. I want my logo to be centered as if the hamburger menu is not there, which is proving to be beyond my ability.

Again, I thank you for trying, though smile

Richard Nash
Los Angeles, CA


#4

Hi. It's about the settings of Logo container (block), doesn't matter if you put image or text in it.

You can give logo cointainer position Absolute to get what you want:

https://webflow.com/design/nicebg?preview=c601b19ecb136c8d618f1bddc890583b


#6

it's still not working for me. Here is my public link:

https://webflow.com/design/rykr?preview=fd4fe0369388566b385c89324ac10d79

Thank you for your help Rowan.


#7

ok, i've figured it out. Thank you very much rowan smile


#8

How you do it share please..


#9

#10