Page heading styling issues after 1.9 update …

[kimorbit]

Hey there,
See attachment – should be explanatory in itself. Page heading includes some extra space in it’s code which creates padding under the text. Was this intentional? any way to fix this?

Thanks again,
-Robert

Attachments:

You must be logged in to view attached files.

[FlawlessWeb]

+1. Noticed this as well.

[Kyle – SUPPORT]

Hi

Please could you provide me with the login to try and sort it out?

– Kyle

[kimorbit]

Sorry, i’m afraid i can’t do that. Any other way to fix this without login info?

Seems like other people are noticing this issue as well so it must be a global setting.

Thanks

[Kyle – SUPPORT]

I will forward this to Rui so he can check the code for you

– Kyle

[neilswaab]

+1 this as well. Have the same issue.

[Rui Guerreiro – SUPPORT]

Hi,

Can you guys replace the file sf-page-heading.php located in cardinal/swift-framework/core/ by the following one in the link below

https://www.dropbox.com/sh/w2b8ve8877o9xyg/AABaN1G4p4jVx0bCSsbOEyaqa?dl=0

Please clear the cache after copying the files.

Thanks.
-Rui

[FlawlessWeb]

Hey,

That new file fixes the issue for me.

Still one other issue with the latest version and the new breadcrumbs in header/title bar feature. See screenshot.

Doesn’t look great in the shop title bar at certain widths. Any way to tidy that up a little?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

What exactly do you mean? It seems all the text is aligned at right?
Can you make an mockup image of how do you think it should look?

-Rui

[neilswaab]

The new file works for me.

[kimorbit]

Yup, works for me as well.

I’ll wait until FlawlessWeb resolves his issue before marking this ticket to resolved.

And thanks for the fix!

[FlawlessWeb]

I suppose there is no ideal solution as there is too much information in the title bar for mobile devices.

I temporarily removed the breadcrumbs from the shop page title bar. Might leave it that way.

.post-type-archive-product .page-heading-breadcrumbs #breadcrumbs {
display:none !important;
}

[Rui Guerreiro – SUPPORT]

Ok @FlawlessWeb.
No problem guys. Glad it’s solved.

-Rui