Animated Heading - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Animated Heading

MN

Marek N

General 1 year ago

How to make the size of animated heading automatically the same as the header without animation

Here is an example of heading 3

https://prnt.sc/ZO4RtwbxlcOl

https://prnt.sc/ACU73v4kh-c0

https://nuron.marek76.smarthost.pl/index.php?option=com_sppagebuilder&view=page&id=35

0
3 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #165243

Hi there!

Thanks for your interest.

Please try this CSS:

@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.75rem !important;
    }
}
.h3, h3 {
    font-size: calc(1.3rem + .6vw) !important;
}

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #165369

Hi,

Sorry for your experience.

Please use this code snippet and let me know:

.sppb-addon-animated-heading .sppb-addon-title {
        text-align: center;
        }

Best Regards

0