Skip to content

Instantly share code, notes, and snippets.

@jamiemarsland
jamiemarsland / gist:07b01dfe1019e521aeda15504471209c
Created June 8, 2017 13:39
WooCommerce tiles fix (for Storefront Pro)
.storefront-pro-active .site ul.products .product-grid-item {
padding-top: 70%;
}
@jamiemarsland
jamiemarsland / gist:a04d8c0215db374534ad2b2ecdc0e62f
Created August 7, 2017 07:46
Avada theme Pootle pagebuilder icon not showing fix
​div#pootlepb-modules-wrap {
z-index: 99999;
}
@jamiemarsland
jamiemarsland / gist:5f7fc3bcafdbd6713945
Created September 18, 2015 03:47
Divi full screen css
/* First we have to make the main header transparent */
#main-header {
background-color: transparent;
}
/* Then we turn off the footer */
#main-footer {
display: none;
@jamiemarsland
jamiemarsland / gist:565930202f6c6c61a4681071246637ce
Created September 14, 2017 10:39
Storefront Pro mega menu alignment issue (when using align right, items right layout in Primary Navigation
.sfp-nav-styleright #site-navigation .primary-navigation li.mega-menu ul.sub-menu {
width: 1150px;
max-width: calc( 100vw - 45px );
}
.storefront-pro-active .col-full {
max-width: 1150px;
}
@jamiemarsland
jamiemarsland / gist:5b25f613e79c09c00a2dced3c1544359
Created October 4, 2017 09:50
Increase size of WooCommerce Storefront Pro logo
#masthead .site-logo-link img {
max-width: none;
}
@jamiemarsland
jamiemarsland / storefront pro mega menu
Created March 5, 2018 10:49
How to increase the number of columns in storefront pro mega menu
#site-navigation .primary-navigation li.mega-menu>ul>li {
width: 20%;
}
@jamiemarsland
jamiemarsland / gist:640aebdeb7e6ed8826bfba114cda8bf0
Created March 19, 2018 19:03
Ipad menu fix for Ipad Portrait mode
@media (max-width:768px){
.storefront-pro-active #masthead .primary-navigation {
display: inline-block;
}
}
@jamiemarsland
jamiemarsland / gist:6f279aa9975c9121262b
Created February 18, 2015 06:00
Make meta slider full width for storefront
add_action( 'init', 'child_theme_init' );
function child_theme_init() {
add_action( 'storefront_before_content', 'woa_add_full_slider', 5 );
}
function woa_add_full_slider() { ?>
<div id="slider">
<?php echo do_shortcode("[metaslider id=388 percentwidth=100]"); ?>
</div>
<?php
@jamiemarsland
jamiemarsland / gist:efffcec4d44464f03377
Created February 18, 2015 05:48
css for storefront product pages
body.woocommerce #primary { width: 100%; }
@jamiemarsland
jamiemarsland / storefront footer reduce height
Created April 27, 2018 08:40
How to reduce the default height of the WooCommerce Storefront Footer