Hero Title not longer centered in height

[Taffy]

The Hero page titles are no longer centered on mobile devices after the latest upgrades.

Please view this on tablet or phone: http://taffydev.com.au/clients/env/services/

[Rui Guerreiro – SUPPORT]

Hi,

Can you add the code below to your custom css to fix it.

@media only screen and (max-width: 767px){
.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="left"] h1 {
    text-align: center!important;
}
}

Hope it helps.

-Rui

[Taffy]

This fix does working.

It centres the text in the width, not the height and strips the Google font from the end result.

Please view this on tablet or phone and you’ll see what I mean: http://taffydev.com.au/clients/env/services/

[Rui Guerreiro – SUPPORT]

Hi,

I understand, I will have to forward it to our head developer.
Thanks

-Rui

[Swift Ideas – Ed]

Hi @Taffy

Apologies for the delay in my reply. Can you please check the link provided as I’m getting a 404? Will keep an eye out for your reply.

– Ed

[Taffy]

Sorry Ed,

We have gone live: http://www.eganvaluers.com.au/services/

Still need that heading centred in the height though.

Cheers, Mark

[Swift Ideas – Ed]

Hi Taffy,

Can you add this css please:

@media only screen and (max-width: 767px) {
.page-heading-breadcrumbs.fancy-heading .heading-text #breadcrumbs {
display: none;
}
}

Do you have the breadcrumbs plugin enabled/or the show breadcrumbs option ticked?

– Ed

[Taffy]

Thanks Ed.

Just need3d to ensure that Breadcrumb were turned off.

[David Martin – Support]

Great, thanks Ed – marking as resolved.

– David