- This topic has 2 replies, 2 voices, and was last updated 3 years ago by
.
-
Posts
-
I have a few issues:
1. The title is not responsive on mobile screens which means that the title is too long and goes beyond the screen to the right.The tagline wraps which is fine.
I have tried to put this in custom CSS but it doesn’t work.@media only screen and (max-width: 640px) {
#header h1.site-title { font-size: 24px; }
}Also:
2. Some of the images in my posts look fine in the editor but on desktop they are greyed out.3. Some of the images in the “latest posts” section to the right are greyed out too. It is not always the same images but more often than not one or two images are greyed out: http://www.mettenoerbjerg.dk/
And finally one of my post exerpts doesn’t show the featured image on the homepage or the category pages.
I have tried multiple solutions for these problems but none seem to work so I really hope you can help me?
My site is http://www.mettenoerbjerg.dk
I have solved all of the above mentioned issues:
The reason why my images were greyed out was that the images were too big! Most of them were more than 4000×400 pxl – they should not be more than 1024×1024 pxl. I changed the size of all my images and now they are all displaying fine!
The reason my site title was too big on mobile screens was that I had made a syntax error in my custom CSS that did not allow the @media CSS to take affect.
This is how my CSS looks now:
@media screen and (max-width: 520px){
.site-branding .site-title a {
font-size: 30px;
}
}
@media screen and (max-width: 420px){
.site-branding .site-title a {
font-size: 22px;
}
}I hope you can use this if you are having the same issues I had 🙂
Mette
- You must be logged in to reply to this topic.