Change the order of Heading and Subheading - Palo Alto Theme

Hello,

How can I change the order of heading and subheading on my homepage on the desktop and mobile version both?

Current order:

Subheading

Heading

Prefer order:

Heading

Subheading

Thank you for your assistance in advance.

https://www.yook92.com (password: 692)

Hi @YK92 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.rich-text__container {
    display: grid;
}
.rich-text__container > .subheading-text.main-subheading.aos-init.aos-animate{
    order: 2;
}
.rich-text__container > .rich-text__heading.h2.aos-init.aos-animate{
    order: 1;
}
.rich-text__container > .rich-text__text.aos-init.aos-animate{
    order: 3;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like