Title and Tagline Disappear On Mobile

@marie4057 hello! Can you write a link to your website please, so we can see this problem.

Here it is again https://meditateinnapanee.org

Thanks.

Hi @marie4057! I see, the color of header and background is white. If you put this custom css into Customiser you will see text on small screens:

@media screen and (min-width: 960px) {
	.site-title h1 a {
  		 color: #1e73be;
	}
}

I’m afraid all that did was turn the color of the writing in the header to blue which doesn’t work on a desktop because it sits on a blue picture. What I need is a way to turn the background to blue but only on mobile.

Is this possible? I have tried several different coding variations using the @media screen but the code works on the desktop but still turns to solid white on mobile with no title or tagline.

Hi @marie4057! Sorry, I think this code should work:

.site-title {
    background: #1e73be;
}
@media screen and (min-width: 960px) {
	.site-title {
  		 background: rgba(255,255,255,0);
	}
}

Thank you! That worked! I was able to take the code you gave me and add the site description to it to make it all work.

Now, if there is anyway to get rid of the space between the title and the tagline and the tagline and header picture on mobile I would be very happy!

This is my current code in Additional CSS.

.site-description {
display: block !important; }
.site-title h1 a {
color: #ffffff;
}
.site-title {
background: #1e73be;
}
.site-description {
background: #1e73be
}
@media screen and (min-width: 960px) {
.site-title {
background: rgba(255,255,255,0);
}
@media screen and (min-width: 960px) {
.site-description {background: rgba(255,255,255,0);
}
}
}

@marie4057 hello! It seems like site doesn’t work.. I have this message:

Sorry, This Site Not Available

So sorry for the inconvenience but this site is no longer available. If you want to learn more about meditation courses in Napanee please visit our Facebook Page by clicking on Follow On Facebook link to the left.

You will be able to contact Meditate In Napanee through the message link.

Yes, unfortunately, due to “politics” I had had to take the site offline this morning. Hoping that things will sort themselves out and I will be able to make it available again.

Thank you for your efforts. There was only that little padding issue left for me to deal with but I will post again once the site becomes available.

@marie4057, ok, waiting for your reply