Alignment "Animated Heading" om mobile - Forum | JoomShaper
Solved SP Page Builder

Alignment "Animated Heading" om mobile

Asked by Stichting Miata Team Holland 4 years ago Last activity 3 years ago

Dear,

I see a issue with the alignment om mobile phone (ios)
In Page builder he aligned everything like i hope he will do, but on the Iphone the alignment is not ok.

the website is
Miatas at summertime

Joomle 4.2.2
Helix template

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
4 years ago

Use this custom CSS


@media (max-width: 844px){
.animated-heading-after-part{
    margin-left: unset !important;
    white-space: nowrap;
    font-size: 30px !important;
}

}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

6 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi

Thanks for contacting us. It seems ok on my end. Could you please give me a screencast of your issue?

-Regards.

Stichting Miata Team Holland Asked this
4 years ago

Dear,

Thanks for the answer.

Here you can find the screencast.

you see that the alignment isn't right
Iphone - IOS 16 - Chrome browser

i hope there is a solution.

Grtz Manfred

Stichting Miata Team Holland Asked this
4 years ago

Dear,

No it isn't ok,
the second en thirt part of the animated header are not aligned in the center, but to the left.

Stichting Miata Team Holland Asked this
3 years ago

sorry for the late reaction,
This is working fine

Mehtaz Afsana Borsha Staff
3 years ago

No worries. Glad to know that.

Log in to reply.