[Resolved] Buttons and widgets look different on mobile

[M]

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.

[David]

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.

[M]

Thank you! That worked!

[David]

Glad to be of help

[Author]

Posts