Set hero header size

[Optisafe]

Hello,

Just a suggestion.

It would be nice if it was possible to set the hero header height using the backend for all shop pages.

[David Martin – Support]

Hi,

You could with a little CSS. What is your URL?

Thanks.

[Optisafe]

Yes I know this, but I don’t want it to “jump” when loaded (using the hero tabbed) which the css solution does.

[David Martin – Support]

Jump? That sounds odd – what is the URL?

– David.

[Optisafe]

Yes it loads the first part smoothly then jumps to the added height.

This is our base shop url https://www.optisafe.dk/branche/

I’m thinking maybe the hero tabbed intro animation is js?

[Kyle – SUPPORT]

Change your css to min-height:

.woocommerce-page .page-heading.fancy-heading.animated {
  min-height: 400px !important;
}

– Kyle

[Optisafe]

That does not resolve the jumping on load, try looking at this for reference:

On this it is set via the atelier admin options as a page (it is a page not a shop category because this issue prevented it)
https://www.optisafe.dk/hjertestarter/

but for shop pages that is not an option and the css gives this
https://www.optisafe.dk/branche/

I’m thinking maybe the effect is done via js? since it is using data-height

Only other solution would be making all categories pages instead but that kinda defeats the purpose.

[Kyle – SUPPORT]

You need to go to atelier/swift-framework/core/sf-page-heading.php and edit line 31:

$page_title_height = 300;

– Kyle