Archived topic

Header Element not merging

9 replies · Started by letsdoit on January 28, 2020

Viewing posts 1–10 of 10

January 28, 2020 at 2:33 am #1146616

Hello Team,

I am trying to figure out Header Element. This is my first time with this module.

I have made a header element to be shown on front page, now it is showing in front page but somehow not merging with navigation.

I tried and read other posts but couldn't achieve.

I am aiming to achieve the image as background of header/navigation and landing page. Something like in your Aspire/Nouveaou demo.

Could you please advice what I am doing not right.

Thanks

January 28, 2020 at 4:33 am #1146750

Hi there,

you're 99% of the way there :)
Edit the Header Element and on the Site Header tab check Navigation Colors. This will enable background and text colors - just change the Background to a transparent color.

January 28, 2020 at 4:54 am #1146773

thanks so much David.

It worked. But why the image is not full width. So there are no white space on sides.

January 28, 2020 at 5:09 am #1146797

Edit the Header Element > Background Image - and set this to Featured.
Then check Disable Featured Image to remove it from the page content.

Make sure the Header Element is set to Full Width.
And now give is some Top and Bottom padding - i would suggest 23% top and 23% bottom - ( the total 46% is equal to your images aspect ratio so should display the full image now ).

January 28, 2020 at 6:56 am #1147080

Tried it all.

http://cashmerestories.co/wp-content/uploads/2020/01/misc.png

Tried checking and unchecking featured image too. but no luck.

January 28, 2020 at 7:09 am #1147102

Do you have any other Header Elements ?

January 28, 2020 at 7:13 am #1147107

No. I event tried deleting old one and made a fresh one. Its the only header element.

January 28, 2020 at 7:21 am #1147122

Doh ! ( me being dumb )
Header Elements must contain some content for the image etc to appear.
In the text box add this HTML Comment:

January 28, 2020 at 7:29 am #1147134

thanks. its done.

January 28, 2020 at 8:05 am #1147182

Awesome - looks great :)

This archived topic is closed to new replies.

Start building better websites today.