Side Navigation

CSS to Target Different Pages


Add to Site HTML/CSS > site.css


Target class on BODY tag (which would go before #dm).


DESKTOP

.dmDesktopBody

TABLET

.dmTabletBody 

MOBILE

.dmMobileBody


Target home page


#dm .dm-layout-home div.u_######### { }


Target internal pages


#dm .dm-layout-sec div.u_######### {  }



Target blog layout


body[data-page-alias="d1-internal-blog-post"] div.u_######### {  }


Target an individual page based on the URL


div.u_######### { display:none !important; } /* Hides the div on all pages */

body[data-page-alias="about_us"] div.u_######### { display:block !important; } /* Unhides the div on a specific page */


If you add ^ then it will target all pages that start with that URL so you can target all pages under a certain category.

body[data-page-alias^="about_us"]


Other attribute options here: https://css-tricks.com/almanac/selectors/a/attribute/