Site logo

Archived topic

curved header with menu in foto

1 reply · Started by Marjon Tas on June 10, 2021

Viewing posts 1–2 of 2

Hi,

I am a super happy user of generatepress.

But sometimes I try some new things and this time it puzzles me what is the best way, or what will work in this case:

I tried the following: in the theme vinyasa I would like all pages to have a picture with a curve underneath, but than with a combined menu in the header. (So the photo expands behind the upperbar).

I tried to make a pageheader element that uses the featured image of the page, and a combined menu. But than I don't see a way to make a curve on the bottom. So I made a block with the curve in every page. That worked for a moment. But if I make it a recurrable block, after a while it goes wrong, and all my pages lose there curves. It is not an elegant way either.

Is there any way to make what I want possible by a pageheader, hook of by another method? Thanks for your help!

Best regards,
Marjon

Hi there,

You would do:

1. Create a Block Element > Page Hero which you can add the curve to:

https://docs.generatepress.com/article/block-element-page-hero/

2. Then create a Header Element, with the same display rules as your Block Element. In this element DO NOT add anything or make changes on the Page Hero tab, just enabled the Merge with Content on the Site Header tab and adjust the Header/Nav colors to suit.

This archived topic is closed to new replies.