Submitted by Tobix on Wed, 2020-04-08 04:03 in Price Tapestry
I made some changes to the graphics by manipulating the CSS a bit. these are fine for the desktop version of the site but not for the mobile version. how can I change the mobile version?
Wherever you want to specify a separate mobile version of an existing or new class definiation that you have added you just need to add an @media section for mobile immediately afterwards containing the alternative (or additional) definitions for mobile.
So for example, if you have:
.pt_myclass {
width: 200px;
}
...then you could use:
.pt_myclass {
height: 200px;
}
@media only screen and (max-width:40em) {
.pt_myclass {
height: 80px;
}
}
Hello Tobix,
Wherever you want to specify a separate mobile version of an existing or new class definiation that you have added you just need to add an @media section for mobile immediately afterwards containing the alternative (or additional) definitions for mobile.
So for example, if you have:
.pt_myclass {
width: 200px;
}
...then you could use:
.pt_myclass {
height: 200px;
}
@media only screen and (max-width:40em) {
.pt_myclass {
height: 80px;
}
}
Cheers,
David.
--
PriceTapestry.com