Line Break | Panaroma – Mobile

[Florian]

Hello, in the mobile view of the panaroma theme is the issue, that long titles will make a line-break which is wrong.
It looks like the second line is pending to the next post….
Example here:
https://www.ofzoe.de/die-sonne-bringt-es-an-den-tag/
and also here:
https://www.ofzoe.de/

Could someone help to fix that issue?
I have unfortunatelly absolutely no experience in php….

Thanks, Florian

[Sonl Sinha]

Hi Florian,

Sorry for the delay in reply. Could you send us the screenshot of this issue? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Brad

[Florian]

Hi,
thanks for your respond. There is in the mobile-version a problem with titles which are very long. The first part is completely hidden, and the next parts have a realy big line-space. The solution is – i think – to make smaller the line spacing in the title, „if“ there is a line-break… Or make smaller the title size.

I am not shure, what will be the best.
Please compare mobile and desktop to get a impression and solution.

Look with your mobile or https://search.google.com/search-console/mobile-friendly
and see the effect:
https://www.ofzoe.de/
Screenshot: https://www.ofzoe.de/screenshot.jpg

https://www.ofzoe.de/die-sonne-bringt-es-an-den-tag/
Screenshot: https://www.ofzoe.de/screenshot1.jpg

[Sonl Sinha]

Hi Florian,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

h1, h2, h3, h4, h5, h6{line-height:normal;}

.header {
margin-top: 0 !important;
}
.header .logo h1 {
line-height: normal;
margin-bottom: 10px;
}

Regards,
Brad

[Florian]

Hi Brad, i have only layout-settings with css box. I think you mean that?

[Florian]

Hi Brad, it looks much better now.
The Post-Title is perfect.
The Title of the Side could be smaller ( a little bit) the line-spacing, or not?
Thanks a lot for helping.
FLorian

[Sonl Sinha]

HI Florian,

Do you want smaller site title on mobile?

Regards,
Brad

[Florian]

Hi Brad,
yes, please make for the mobile version the title of the post same size like the website-title is. Also could the title in the posttemplate begins a line higher, as it begins now. If it is possible.

Please not this 2 small corrections for the website-starting-page( www.ofzoe.de):
1. The word “kreativ” in the website-title is in one line with ofzoe-visual-projects, please set it down like here:
Ofzoe Visual Projects –
Kreative Filmproduktion in Frankfurt
2. Could you make the 5 Words on the landingpage in the mobile-version from beginning visible?

Thats all.

Thank you very much and kind regards,
Florian

[Sonl Sinha]

Hi Florian,

Kindly add this code in custom css box:

@media (max-width: 767px){
.single-post h1.entry-title{font-size: 20px; font-weight: 400; padding: 0;}
.strip_template figure section .strip-text h1, .strip_template figure section .strip-text h3, .strip_template figure section .strip-text h6{opacity: 1 !important;}
}

Regards,
Brad

[Florian]

Hi Brad,
thanks for your work.
It seems well, only view things I would like to finish.
See attachment below.
https://www.ofzoe.de/screenshot2.pdf

*websitetitel
has until now the false line-break.
The word kreative has to be in the second line…
The word Frankfurt in the 3th line…

*Type
There are many different types sizes know.
It seems like 6 different typesizes….
It would be nice, if that would be more uniform.

*Margins of pages
The white space between header and post could be smaller
the Margins of pages right and left have to be the same.
know header and post are different….

Thats everything.

Kind regards,
Florian

[Author]

Posts