Archived topic
Buttons and widgets look different on mobile
3 replies · Started by M on March 31, 2020
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