Site logo

Archived topic

Buttons and widgets look different on mobile

3 replies · Started by M on March 31, 2020

Viewing posts 1–4 of 4

Hello,

When I open my site on a mobile device the buttons' corners look rounded (instead of being rectangles) and the widgets all have the same color, instead of the specific colors I chose and that can be seen on the website.

Any suggestions? Thank you.

Hi there,

In Customizer > Additional CSS - you have added some custom CSS.

The main thing is the code after this line:

@media (min-width: 769px) {

All of the CSS after this is only being applied to Desktop.
In the original Marketer Site the code looked like this:

@media (min-width: 769px) {
	.post-image-aligned-left .post-image img {
		max-width: 300px;
	}
/* Any code in here should be moved above the @media */
}

I have added a comment to show the code that needs moving so it applies to all devices.

Thank you! That worked!

Glad to be of help

This archived topic is closed to new replies.