Site Title changes in mobile version

[merle]

Good evening,
this is my website www.merlemichaelis.de and I have two questions:

1. The underline of my site title disappears in the mobile version. Is it possible to keep it there too?

2. The linespacing gets very small in the mobile version, is there a way to make it bigger, manually?

(Or do I need to know any css for these things?)

[mariusjopen]

Hi @merle

1. Add this to your Custom CSS code:

.mobile-title.text > span {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
}

2. You can change the line spacing the the text format options.

I hope I helped!

Have a good new year!

Marius

[merle]

Hi @mariusjopen happy new year and thank you for your help!
It looks better than before, but unfortunately I still have problems.

1. There is now only one underline beneath both rows. Is it possible to have an underline under the words of both lines separately?
   

2. In the preview of the textformats the linespacing looks fine, but when I apply it in the customize section, it doesn't affect the line spacing at all. Do you have any idea?
   

[mariusjopen]

Hi @merle

you can try this:

.mobile-title.text > span {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-decoration: underline;
    padding-bottom: 5px;
    line-height: 20px;
}

This is the only way to have the underline on both lines.

We are working on a solution that you can add your own SPAN and DIV elements into the title. Then you will be able to have more modification options.

I hope I could help!

Best!

Marius

[merle]

Hi @mariusjopen THANK YOU! this is great! happy merle