- This topic has 3 replies, 3 voices, and was last updated 3 years, 1 month ago by
.
-
Posts
-
My site: http://www.mettenoerbjerg.dk/ has a title and a description that looks fine on desktop but on mobile devices the text is too wide and is therefor cropped on the right side of the screen.
I have tried to change this by adding different custom CSS but it doesn’t do the trick.
I would like the title and description to shrink in size on mobile devices so that the entire site title and description is visible on mobile screens.
I hope this makes sense.
I have purchased the Blog Way Theme recently.
Thank you
MetteTry to use a media query to adjust the font size based on the width of the window. You can try adding this to your Custom CSS section.
@media only screen and (max-width: 640px) { #header h1.site-title { font-size: 24px; } }It should reduce the font size to 24px for screen width under 640px. Chose the font size up to your taste, though 640px and 480px are the most common values for max-width of a mobile device.
To affect blog titles with a media query, you should do this:
@media only screen and (max-width: 640px) { .collection-type-blog article .entry-title { font-size: 12px; }}I hope it helps.
My Facebook (facebook.com/juicersblenders)
My YouTube (youtube.com/channel/UCVQU1J1WuLOs1u1U77MKAPA/)
My site (juicersblenders.org)Hi Teresa
Thank you for your help. Unfortunately it doesn’t work. If you check mettenoerbjerg.dk on your mobile device you will see – or?
Do you have any other suggestions?
Best regards
Mette
- You must be logged in to reply to this topic.