In the DefaultTemplate css folder I have screen.css which seems to have multiple segments for:
@media only screen and (min-width:800px) { ... }
Within that there are multiple specs for:
#allcssRes-wrapper nav
Example:
#allcssRes-wrapper nav { display: block; }
#allcssRes-wrapper label.open-menu-label { display: none; }
#allcssRes-wrapper nav { display: block; position: relative; }
#allcssRes-wrapper nav ul li { display:inline; }
#allcssRes-wrapper label.open-menu-label { display: none; }
#allcssRes-wrapper .content { padding: 4px 10px 14px 10px; clear: right; /* width: 70%;*/
Does anyone know why there are two such sections and whether I can safely get rid of some of the duplication?
This are "Media Querys". If you do not know what you do, leave it like it is.
I would also like to add multiple multimedia sections to (https://www.jenreviews.com/best-toilet/) my website so that my visitors can see how the products perform before they go and buy them on their local stores.
What should i do with those Media queries? since like the op the .css has multiple segments. I won't delete any of the duplicates but the other sections seems redundant.