Titels in wrong position in mobile view

simroug

Hiho Team!

I've got an titel issue on the mobile view of the page. On this site here: http://simonrouge.com/about/ . The Titels "Biography" and "Biografie" are in two seperate colums as columns-titel. On mobile view however, they are on top of each other and the rest of the colums are on top of each other. How can i change that?

Thx!

Simon

Bryan

Hi,

It is because you have to set a left column and a right column, then place the title and the text under each other in both columns. You did that in 4 separate blocks, that is why the are aligning this way.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

simroug

ah right. Whats the shortcode to center a text then? Cant figure it out. Thats my shortcode for the titel so far: 

[divider height="10"]

<p><h2>Biography</h2></p>

Bryan

Just use the muffin builder. Look at this screenshot.

https://snag.gy/SRyL4f.jpg

After you make this layout edit the columns. If you want the title there to be centered in the content you have to add style="text-align:center;" to the tag for example

<h2 style="text-align:center;">This is a title</h2>

You can change the h2 to h1,h3,h4 depending on what size you want it to be.

Hope this helps you.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

simroug

perfect, worked, thx! Is there a list with the shortcodes for Column-Boxes somewhere?

Bryan

All of our shortcodes and information can be found HERE

Learn more: Video Tutorials | How To | FAQ Vote on what comes next