Can I place a Div below another, with CSS control?

[simona6]

We have a website where on certain pages, they want to show a secondary menu row.

Our theme allows us in WordPress to create headers, with multiple menus, but we want to see if there is a way that with CSS, you can say "After class 'main-menu', place this Row".

Sadly the theme allows us to place Blocks at the top, or after breadcrumbs, but not between the header and the breadcrumbs.

So seeing if we can find a way to do it with CSS.

[requinix]

Just arbitrarily rearranging elements like that, not really. You can't change the fundamental structure of the page.

But you can, to some extent, make things appear in different locations or arrangements. Depends on the exact markup and the sorts of CSS things you want to do with them...

[gizmola]

On 9/27/2024 at 4:35 AM, simona6 said:

We have a website where on certain pages, they want to show a secondary menu row.

Our theme allows us in WordPress to create headers, with multiple menus, but we want to see if there is a way that with CSS, you can say "After class 'main-menu', place this Row".

Sadly the theme allows us to place Blocks at the top, or after breadcrumbs, but not between the header and the breadcrumbs.

So seeing if we can find a way to do it with CSS.

As requinix stated, not really with css, because css "styles" markup.  

You could inject an additional DOM element using javascript.  I'm not suggesting that is a good idea, but it would work fine, especially if this "row" is static.