How to use code snippet
Go to the Site Builder Settings page (here), then paste the code into Custom Code: Site .
Be sure to paste the new code after the last line of existing code (be careful not to paste it in the middle of the existing code).
01. Menu are closed by default
<style type="text/css">
#MenuVerticleLeft .the-sub-menu {display:none;}
#MenuVerticleLeft .menu-open .the-sub-menu {display:block;}
#MenuHorzTop .the-sub-menu {display:none;}
#MenuHorzTop .menu-open .the-sub-menu {display:block;}
#TheSiteMenu .sub-menu-container span{cursor:pointer}
#TheSiteMenu .sub-menu-container span:after{content:"+";margin-left:5px;margin-top:-3px;}
#TheSiteMenu .sub-menu-container.menu-open span:after{content:"-"}
</style>
02. Menu are always open
<style type="text/css">
#MenuVerticleLeft .the-sub-menu {display:block;}
#MenuVerticleLeft .menu-open .the-sub-menu {display:block;}
</style>
03. Remove menu background color (transparent background)
For all themes
<style type="text/css">
#MenuHorzTop.site-menu-outer, #MenuHorzTop .the-sub-menu, body.left-menu .columns.site-menu-column {background-color: transparent}
</style>
04. Afix social media icons to bottom left corner
For themes with left side
<style type="text/css">
@media all and (min-device-width: 645px), (min-width: 645px) {
.menu-social-media {position:fixed;bottom:10px;left:10px;}
}
</style>
05. Change menu logo link
**Replace INSERT-URL-HERE with new link
<script>
$(function(){
$('#LogoImg').off('click');
$('#LogoImg').on('click', function() { location.href='INSERT-URL-HERE' });
});
</script>
06. Remove styles from menu: horizontal lines & background color
For Theme 102 & 102b
<style type="text/css">
#MenuVerticleLeft li,
#MenuVerticleLeft .the-sub-menu li,
#MenuVerticleLeft li.subpage-active{border:none}
#MenuVerticleLeft li a:hover, #MenuVerticleLeft li span:hover{background-color:transparent}
</style>
07. Hide Image Count (above captions)
<style type="text/css">
.captionarea .caption-image-count{display:none}
</style>
08. Logo text – white text on homepage (only)
Works well for dark background images on your homepage
<style type="text/css">
body.home #LogoTextTitle{color:#fff}
</style>