Skip to content

Instantly share code, notes, and snippets.

@artlung
Last active April 15, 2025 17:51
Show Gist options
  • Save artlung/a3171066b68864b580718615ff73d56e to your computer and use it in GitHub Desktop.
Save artlung/a3171066b68864b580718615ff73d56e to your computer and use it in GitHub Desktop.
/* make the about-newsletter-contact links take less space */
.header-title-nav-wrapper {
display: flex;
/*flex: 1 0 67%;*/
flex: 1 0 16%;
}
/* hide the "logo" section, not needed */
.header-title-nav-wrapper .header-title {
display: none;
}
/* contains the button and social */
.header-actions {
flex-grow: 1;
flex-shrink: 1;
display: inline-flex;
align-items: center;
}
/* contains the button and social, immediate parent of them, reverse puts button firmt */
.header-actions.header-actions--right {
flex-direction: row-reverse;
justify-content: space-between;
}
/* tighten up spacing */
.header-actions--right .header-actions-action {
/*margin: 0 0 0 2vw;*/
margin: 0 0 0 0;
}
.header-actions-action.header-actions-action--social {
margin: 0 0 0 5vw;
}
/* set the color of the background to black */
.site-wrapper {
background-color: #000;
}
/* header border removal */
.header .header-announcement-bar-wrapper .header-border[data-header-border="true"] {
border: 0;
}
:not(.header--menu-open) .burger-inner .top-bun, :not(.header--menu-open) .burger-inner .patty, :not(.header--menu-open) .burger-inner .bottom-bun {
background-color: #fff;
}
.section-background:has(img) {
object-fit: contain;
}
.section-background:has(img) img {
top: 0;
}
.header-menu-nav-folder-content {
/* flex-grow: 1; */
flex-grow: 0.2;
}
@media screen and (max-width: 900px) and (orientation: portrait) {
.section-background:has(img) {
aspect-ratio: 1.6 / 1;
}
}
@media screen and (orientation: landscape) and (min-width: 280px) and (max-width: 900px) {
/* home page, about: inspired lives, about: tony fama pages section-backgrounds which have img tag (header image) */
body#collection-677c32074bfbf96cec222319 .section-background:has(img),body#collection-677c4282a025091314d10f51 .section-background:has(img),
body#collection-677c42285bacd86e58b03304 .section-background:has(img) {
}
/* home page, about: inspired lives, about: tony fama */
body#collection-677c32074bfbf96cec222319 .section-background:has(img) img, body#collection-677c4282a025091314d10f51 .section-background:has(img) img, body#collection-677c42285bacd86e58b03304 .section-background:has(img) img {
position: absolute;
top: 0;
object-fit: contain;
}
}
@media screen and (min-width: 767px) {
.fe-67f83e350e6d3a1e86875149 {
opacity: 1;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment