Thank you guys, @rose-tyler and @tony-rodriguez. I needed to clear the cache again.
Just have one more question. Margins on one of my section on the homepage are breaking specifically at 763px breakpoint and using the in-built breakpoints is breaking the 360px wide mobile view.
I was looking into media queries, specifically this:
@media only screen and (min-device-width: 450px) and (max-device-width: 767px) {
.selector {
margin-left: -140;
padding-right: 60;
}
}
Not sure why but it’s not working. I’ve attached additional information. Any help would be greatly appreciated, thank you.
Update: I tried adding custom CSS classes and added the following code to Theme Custom CSS but it did not work:
@media only screen and (min-width: 450px) and (max-width: 767px) {
.formulation-heading {
margin-left: -140;
margin-right: 60;
}
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
.formulation-text {
margin-left: -130;
margin-right: 60;
}
}