Set a pro header subcontainer as an aside (other elements center, but aside element docked on side)?

[jrhager84]

I’m unable to use Flex/Grid to set a logo to the left side of the container, avoiding the flex settings, but not setting it to where things won’t wrap/interact. I believe an

element would fix it, but you have to use that tag specifically, which is impossible as far as I can tell. Is there any way to add a logo to the left side of a container, preserving the inline-block and allowing the siblings to adhere to the flex horizontal settings? Thanks in advance!

[rad]

Hi @jrhager84,

Thanks for reaching out.

Do you mean a single container with multiple elements? And you wish to have a different alignment for the logo than other elements within the container? If yes then it’s not possible, I recommend using multiple elements if you’ll use elements with a different alignment.

Though, it’s not really clear what your current setup (maybe it has multiple container already), would you mind providing the site’s URL you’re trying to achieve?

Thanks!

[jrhager84]

I can’t achieve the look, but I can easily explain what I"m trying to do:

Imagine a full-width header contain that is the sticky inline nav/hamburger when mobile. On the far left side, positioned absolutely to the left is a small logo. When the bar is relative (not sticky) it will follow, and when the container snaps to sticky, it will retain its position relative to the parent container. The reason I can’t do two different containers (at least to my knowledge) is that the grid will take the logo container into account when it positions the nav menu. I want the navigation menu to be centered as if the small logo weren’t there, and adding it throws off the alignment. I guess I could hard code a negative margin, but it is inelegant as far as I’m concerned, as the margins would change relative to screen width I’d imagine.

Any help would be greatly appreciated.

[rad]

Hi @jrhager84,

Ah, you mean the logo should be independent and moves and align depending on sticky position? That’s only possible with customization which probably related to javascript. Unfortunately, it’s not possible with the current options.

Thanks!

[jrhager84]

Ok, perfect. Thanks!

[thai]

You’re welcome.