Overflow of content between partial templates

My template is composed of my header partial (containing the menu) and the content below. As shown in the image, I want to have the sub menu drop down and overflow from the header partial, however the only way that I can get this to work is to fix the position of the submenu. This results in the submenu position remaining fixed if the menu is hovered on despite scrolling down.

However when I try to make the submenu inherit it’s position from the menu it is hidden behind the content.

(Sorry am only allowed to upload one image)

Does anyone have examples of getting this overflow to work with partial templates? I have tried making overflow visible for the header partial, just wondering if people have had success with this approach.

Thanks for your help!

This is not related to partials, per se. The partials are assembled, and then the entire HTML file is written to disk. This is purely a CSS problem, so you might be better served by raising an issue on Stack Overflow or similar.

Ok thanks, just wanted to make sure that there wasn’t some barrier between partials, I’ll figure out the CSS. Cheers!

1 Like

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.