Change Animation Position

Hello,
I really like this theme! I was wondering if there would be a way to change the position of the typed animation.
I would like it to:

animation by My Name

instead of

by My Name animation

Thank you!

I actually figured it out myself! #soproud lol

I’m not sure if this is the official way to do it but I did it by:

Going to the CSS Editor
inc --> functions.php --> functions.header.php
Line 99

<?php echo wp_kses_post( $header_animated ); ?><?php echo wp_kses_post( $header_title ); ?>

So basically you’re switching the order of the ($header_animated) and ($header_title).

It works on my page but if there’s a better way to do this let me know!

Hello,

Please note that you’ll have to repeat that modification after each theme update unless you override modified .php file with a child theme.

You can also try to use the following CSS code in order to achieve similar result. You can add CSS code in Dashboard → Appearance → Customize → Additional CSS section.

.typed-element,
.typed-cursor {
    float: left;
}

.typed-cursor {
    font-size: 100%;
    margin-right: 2vw;
    margin-left: 1vw;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.