WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: richwingerter on December 20, 2016, 04:42:20 AM

Title: Multiple @media sections
Post by: richwingerter 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
Example:

Code: [Select]

    #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?

Title: Re: Multiple @media sections
Post by: dbs 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.

Title: Re: Multiple @media sections
Post by: doubledragonx7 on January 09, 2017, 05:15:39 AM

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.