Alignment "Animated Heading" Om Mobile - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Alignment "Animated Heading" Om Mobile

SH

Stichting Miata Team Holland

SP Page Builder 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

0
7 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #84234

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.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #83437

Hi

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

-Regards.

0
SH
Stichting Miata Team Holland
Accepted Answer
3 years ago #83637

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #83756
0
SH
Stichting Miata Team Holland
Accepted Answer
3 years ago #84100

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.

0
SH
Stichting Miata Team Holland
Accepted Answer
2 years ago #96349

sorry for the late reaction, This is working fine

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #96354

No worries. Glad to know that.

0