[David Morgan]

Hi David,

Can you provide a link to your site, so we can provide a more accurate solution?

You could try the following style, but this is untested in your environment:

.header-wrapper {
  position: sticky !important;
  top: 0;
}

Thanks!

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

Hi David,

Sure thing! Navigate to Appearance > Editor > Templates, select a template, and double click the header to edit the header template part. Select the Group Block for the header (this is easiest using the list view option). Under the “Advanced” tab for the Group Block you should see an “Additional Classes” field. Remove the “position-fixed” class (leaving “header-wrapper”). Then save the changes. That should create a solid white header bar at the top of the site.

Thanks!

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

Attachments:

You must be logged in to view attached files.

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

This content is restricted to Organic Themes members with an active subscription. Login here.

[David Morgan]

Hi Lloyd,

It’s difficult to say without logging into your site. But based on your screenshot it seems you have accidentally added a header within a header.

In the top left of the editor, just to the right of the blue “+” button, you will notice an icon with 3 vertical lines. This icon is for your “List View”. I would recommend toggling the list view option, and then looking within the list view on the left to see if you have any duplicate blocks nested in other blocks.

The list view provides a nice hierarchy for viewing and editing blocks, and it’s especially helpful in cases like this.

Let us know if this works.

Thanks!

[David Morgan]

Hi Lloyd,

Thanks for reaching out! I might recommend adding the video block within a group block, then setting the group block to “Full Width”. Also, removing any padding for the group block within the style options.

Let us know if this works.

Thanks!

[Author]

Posts