Use this code in
custom css field of theme optio:
.et_fixed_nav #top-header {
background-image: url(Image url Here);
}
This will increase the size of DIVI mobile menu (hamburger icon) and make the bars white.
Add this custom CSS code to your DIVI theme menu:
@media (min-width: 980px) {
.et-fixed-header#main-header {
background-color: #000 !important;
}
}
@media (max-width: 980px) {
.et-fixed-header#main-header {
background-color: transparent;
}
}
@media (max-width: 980px) {
.et-fixed-header .logo_container {
display: none;
}
}
To make the DIVI mobile menu icon Sticky add this custom CSS:
.et_header_style_left .mobile_menu_bar {
padding-bottom: 0px !important;
background: #000 !important;
}
.mobile_menu_bar {
position: fixed;
}
These is only usually shown to admins but if you wish to disable this altogether on your Vanilla install. Use this custom CSS:
.MItem.IPAddress {
display: none
}
This handy CSS snippet that can be added to your custom CSS file of
Vanilla Forums will hide the
Recent Discussions link on the sidebar when you are viewing the Recent Discussions page.
.Section-DiscussionList .FilterMenu .Discussions {
display: none;
}
If you use the WordPress DIVI theme with WooCommerce, then perhaps you have noticed the style of the buttons have changed.
This CSS snippet is all you need to fix the issue.
.woocommerce .button {
background:red !important;
color: #fff !important;
}
To changes your reddit's name (at the top) to an image. You must include the dimentions
you want your image to be.
.redditname a{
background:url(IMAGE);
height: ??px;
width: ??px;}
#header-bottom-left{
height: ??px;}
.redditname a{
text-indent:-9001px;
}
#header-img-a,
.redditname a,
.tabmenu {
display: inline;
float: left;}
.tabmenu{
position:relative;
top:100%;
margin-top:-16px!important;}
You can view an example of the Reddit CSS Stylesheet
here.
