Skip to content

Instantly share code, notes, and snippets.

View ashlie-elizabeth-moore's full-sized avatar
🦉
Night-Owl Mode

Elizabeth Moore ashlie-elizabeth-moore

🦉
Night-Owl Mode
View GitHub Profile
@ashlie-elizabeth-moore
ashlie-elizabeth-moore / gist:eef0de536a2086bdb0ccc958b9ec9e90
Last active May 21, 2022 23:06
Divi Mobile Menu Icons & Logo Fix
<style>
@media only screen and (max-width: 980px){
#dfheader.et_pb_fullwidth_section>.et_pb_module:not(.et_pb_post_content):not(.et_pb_fullwidth_post_content) .et_pb_row{
margin: 0px;
padding: 2%;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
/* --- Rainbow Track Style Scrollbar --*/
*::-webkit-scrollbar {
background: linear-gradient(0deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}
*::-webkit-scrollbar-thumb {
background-color: #000000;
border-radius: 20px;
border: 2px solid white;
}
<! -- ZenDesk URL Button -->
<li class="blocks-item">
<a href='https://yourhelpdesk.zendesk.com/hc/en-us/requests/new' class="blocks-item-link">
<h4 class="blocks-item-title">Submit a Request</h4>
</a>
</li>
<! -- END ZenDesk URL Button -->
@ashlie-elizabeth-moore
ashlie-elizabeth-moore / gist:4720297106dbb06016ce8920a0ab828e
Last active May 21, 2022 23:06
Divi Theme Mobile Menu Fix - Scrollable Drop-down
<style>
@media only screen and (max-width: 980px){
/* ---Mobile Drop Down---> */
##main-menu .et_mobile_menu {
max-height: 90vh !important;
min-width: 300px !important;
margin: -30px 0 !important;
padding: 10% 10% 70% !important; /* Forces menu items to show themselves */
z-index: 9999;
@ashlie-elizabeth-moore
ashlie-elizabeth-moore / gist:5983ba84dee8e38a68ef4fb64d2921a5
Created April 28, 2022 17:38
Divi Theme Tweaks - #dont-break the columns on mobile
<style>
@media only screen and (max-width: 980px){
#dont-break.et_pb_column{
width: 48% !important;
max-width: 48% !important;
}
}
</style>
@ashlie-elizabeth-moore
ashlie-elizabeth-moore / gist:885746cdd31276684edb5b5f0cad4622
Created April 28, 2022 20:17
WP Accessibility Plugin Fix - Style & Move Front End Buttons
/** Accessability Buttons **/
.a11y-toolbar{
top: 75%;
left: 0;
}
.a11y-toolbar ul li button{
background: #000000;
border: 0px;
}
@ashlie-elizabeth-moore
ashlie-elizabeth-moore / gist:59fd0dabe7c5ebae00678112bb14dca6
Created April 28, 2022 20:21
Divi Theme Builder Fix - Black Background when site loading
/* Black Background */
body{
background-color: black;
}
#main-content{
background-color: transparent !important;
}
@ashlie-elizabeth-moore
ashlie-elizabeth-moore / gist:76f15fdad828e9f2eb7cd7423fa71ba6
Created April 28, 2022 21:58
Divi Theme Builder Fix - Stop words in Headers from wrapping ( The builder default)
/* Header Fix --> Makes Long Words Break */
h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
@ashlie-elizabeth-moore
ashlie-elizabeth-moore / gist:3b3fd042152776203ccb633105f84744
Created April 30, 2022 07:44
Divi Theme Fix - Disable Mobile Menu
<style>
/** Disables Mobile Menu & Keeps Desktop Menu on mobile **/
#no-mobile .mobile_menu_bar{
display:none !important;
}
#no-mobile .et_pb_menu__menu{
display: block !important;
margin: 0 auto !important;
}
/** END #no-mobile Menu **/
@ashlie-elizabeth-moore
ashlie-elizabeth-moore / gist:f6a5dce8bcd554c58cacd1eec740b9e8
Created May 4, 2022 19:48
Woo Commerce Wordage Fix for Artists - changes in/out of stock to 'Available' and 'Sold'.
/* IN or Out of Stock */
.out-of-stock{
visibility: hidden;
}
.out-of-stock:before{
visibility: visible;
content: 'SOLD';
color: white;
}