Image position accross multiple break points

HI
I’m trying to position the branding image in my navbar differently across Desktop, tablet, mobile landscape and mobile portrait (basically moving the logo into the centre when the menu collapses into the hamburger). I’ve watched the editing across breakpoints video but am still in the dark as to how to do this? I’ve tried adding classes and combo classes but the tablet and mobile versions inherit the styles across.

I’m sure its a simple thing but it’s alluding me at the present. It doesn’t help that all the videos are using the old UI!

Could someone please put me on the right path?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

https://preview.webflow.com/preview/home-interiors-group?utm_medium=preview_link&utm_source=designer&utm_content=home-interiors-group&preview=1befacc07500bd364f76a86a51f3a1c9&pageId=5db0bfa8b8c0c936463b091e&mode=preview

1 Like

Hey @PixelSquared

You want the logo to be in the center when the hamburger is visible?

Piter :webflow_heart: