Banner on Mobile

If you are able to provide a link, I can take a look and see what is happening.

Regarding the mobile menu changes, when you update the theme, you will get the colour options show up in the customizer for the mobile menu, plus the other items I also updated.

Thanks for the link…OK, basically as the window gets small, usually down to the portrait view on a phone, the caption box is hidden because I thought it would be too small to read anything in the box. The styling for this is:

@media (min-width: 320px) {
	.banner-caption {
		display: none;
	}
}
@media (max-width: 480px) {
	.gallery .gallery-caption {
		display: none;
	}
}

I wasn’t sure if I would hide it on a 480px screen or smaller, so the “display: none;” is implemented. You can override this with custom CSS if you wish by changing the display:none to be:

@media (min-width: 320px) {
	.banner-caption {
		display: none;
	}
}
@media (max-width: 480px) {
	.gallery .gallery-caption {
		display: block;
	}
}

The above example will hide it on 480 but still hide it on 320, but you can do display: block; on the 320 view as well if you want.

On a side note, nicely done with the theme by removing the site title, etc and just keeping the menu at the top.

No worries about being new to all of this and no need to apologize.

To edit CSS without touching the theme’s own files, you can install a plugin called Simple Custom CSS. This lets you create your own stylesheet where you can make changes to the theme.

But to recap, if you want your caption box to show in phones (small screens), you will copy and paste this into your new stylesheet:

@media (min-width: 320px) {
	.banner-caption {
		display: block;
	}
}

Good to hear and you’re very welcome 🙂