- This topic has 8 replies, 3 voices, and was last updated 3 years, 2 months ago by
luislema.
-
AuthorPosts
-
May 3, 2020 at 2:27 pm #245316
AndreaFlisch
ParticipantHi, i’ve got following problem.
Only in mobile view page title and subtitle are missing.
How can this be fixed?
Siteadress: http://www.andreaflisch.ch
Many thanks in advance.
Kind regards AndreaMay 4, 2020 at 1:00 am #245344Skandha
Participant@andreaflisch: Hello Andrea,
Can you let me know which page title and subtitle you are referring to?Kind Regards,
SkandhaMay 4, 2020 at 3:19 pm #245413AndreaFlisch
ParticipantHello Skandha
Yes: it’s the title and subtitle next to the logo: Andrea Flisch, Farb-, Stil-, und Imageberatung.
Kind Regards
AndreaMay 4, 2020 at 11:32 pm #245460Skandha
Participant@andreaflisch: Hello Andrea,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code..site-identity { display: inline-block !important; }
Let me know if this works out!
Kind Regards,
SkandhaMay 5, 2020 at 4:42 am #245509AndreaFlisch
ParticipantHello Skandha
unfortunately it does’t work with this css code. Nothing happens…
Do you have another solution?Greetings, Andrea
May 5, 2020 at 4:54 am #245510Skandha
Participant@andreaflisch: Hello Andrea,
The code I provided you above seems to be working at my end. Since you have a large logo the Site title and tagline seem to be overflowing to the right.
Can you try using the following CSS Code..custom-logo { max-width: 100px; } .site-identity { display: inline-block !important; }
Let me know if this works out!
Kind Regards,
SkandhaMay 5, 2020 at 6:13 am #245515AndreaFlisch
ParticipantHello Skandha
it worked, see publication. I really like it on the phone now. But on the laptop view, the logo is now too small for me. Is there a way to make the views different?
Many thanks for your efforts
AndreaMay 5, 2020 at 6:26 am #245517Skandha
Participant@andreaflisch: Hello Andrea,
Replace this code I provided you above with.custom-logo { max-width: 115px; }
with
@media screen and (max-width: 620px) { .custom-logo { max-width: 115px; } }
Let me know if this works out!
Kind Regards,
SkandhaJuly 13, 2020 at 10:14 pm #252850luislema
ParticipantHello Skandha, your code works and now the tagline is showing on mobile devices, but I can’t change its size and font. This code is not working:
.site-identity { display: inline-block !important; font-size: 55px !important; font-family: Segoe Print !important; }
How can I customize the tagline font and size?
Thanks.
Luis
-
AuthorPosts
- The topic ‘Title and Subtitle missing in mobile view’ is closed to new replies.