[Resolved] Copying Header Created in Elementor to GP

[Sarah]

Total Newbie here, floundering in the shallow end.

Originally built the website using Elementor. Got the lifetime license for GP and want to redesign it using only GP and blocks. Started with the starter site Health by Mike Oliver.

I would like my header to look like this:

Here is what I’ve got so far:

I accomplished this by using the following CSS for the logo:

.header-image {
position: fixed;
top: 150px;
left: 100px;
}

and creating a block hook editor for the entire site.

This is only for desktop viewing. This is how mobile looks:

This is how I’d like it to eventually look, but I’m ok with how it looks now.

Thank you for your assistance.

[Sarah]

Didn’t realize this but by using the CSS code I used – the logo looks great unless I scroll down. When I scroll down the logo comes with me but disappears behind everything else.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Sarah]

Yes, thank you.

[Leo]

Let’s tackle one issue at a time.

This space you are seeing here:
https://www.screencast.com/t/bt7CbsenEh

is actually coming from the WordPress columns block.

Can you try using the Grid blocks from GenerateBlocks instead?
https://docs.generateblocks.com/article/grid-overview/

Let me know 🙂

[Sarah]

Well that was enlightening. Finally figured it out. Here it is a normal and as navigation as header.

[Leo]

Glad to hear.

Let me know if you need another look 🙂

[Author]

Posts