Author Topic: Multiple @media sections  (Read 2792 times)

Offline richwingerter

  • Posts: 60
Multiple @media sections
« on: December 20, 2016, 04:42:20 AM »
In the DefaultTemplate css folder I have screen.css which seems to have multiple segments for:

Code: [Select]
@media only screen and (min-width:800px) { ... }
Within that there are multiple specs for:

Code: [Select]
#allcssRes-wrapper nav

Code: [Select]
    #allcssRes-wrapper nav { display: block; }
    #allcssRes-wrapper { display: none; }
    #allcssRes-wrapper nav { display: block; position: relative; }
    #allcssRes-wrapper nav ul li { display:inline;  }
    #allcssRes-wrapper { 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?

Offline dbs

  • Betatester
  • **
  • Posts: 8624
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Multiple @media sections
« Reply #1 on: December 20, 2016, 08:09:08 AM »
This are "Media Querys". If you do not know what you do, leave it like it is.

Offline doubledragonx7

  • Posts: 1
Re: Multiple @media sections
« Reply #2 on: January 09, 2017, 05:15:39 AM »
I would also like to add multiple multimedia sections to 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.