Last active
November 30, 2018 01:28
-
-
Save bryanrsebastian/0415d379c8e879834cfc2429ba3cb572 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Remove action bar while scrolling */ | |
.et_fixed_nav #top-header { | |
position: absolute !important; | |
} | |
.et-fixed-header { | |
top: 0px !important; | |
} | |
/* Change the color of search icon */ | |
#et_search_icon:hover, | |
.mobile_menu_bar_toggle:before { | |
color: #c64a2c; | |
} | |
/* Make the mobile menu sticky */ | |
.et_mobile_menu { | |
border-top: 3px solid #c64a2c; | |
overflow-y: auto !important; | |
max-height: 70vh; | |
} | |
@media (max-width: 980px) { | |
.et_non_fixed_nav.et_transparent_nav #main-header, | |
.et_non_fixed_nav.et_transparent_nav #top-header, | |
.et_fixed_nav #main-header, | |
.et_fixed_nav #top-header { | |
position: fixed; | |
} | |
} | |
/* Redesign the copyright section in footer */ | |
#footer-info { | |
float: none; | |
text-align: center; | |
} | |
#footer-info a:hover { | |
color: #c13b1a; | |
} | |
/** | |
* Change the RSS icon to IG icon | |
* simple trick to add IG social link in secondary menu | |
* */ | |
.et-social-rss a.icon:before { | |
content: "\e09a"; | |
} | |
/* Footer social media icon */ | |
footer .zoom-social-icons-list li { | |
padding-left: 0 !important; | |
} | |
footer .zoom-social-icons-list li:before { | |
display: none; | |
} | |
/* Center the footer logo */ | |
@media ( max-width: 767px ) { | |
#footer-widgets .footer-widget:first-child { | |
text-align: center; | |
} | |
#footer-widgets .footer-widget > div { | |
float: none; | |
} | |
#footer-widgets .footer-widget:first-child .widget_media_image img { | |
max-width: 200px !important; | |
} | |
} | |
/* Make the button inline */ | |
.__welcome_message .et_pb_button_module_wrapper { | |
display: inline-block; | |
vertical-align: top; | |
} | |
/* === Begin: Set the divi slider height === */ | |
/* Src: https://divibooster.com/changing-the-height-of-the-divi-slider/ */ | |
/* Desktop */ | |
.myslider .et_pb_slide .et_pb_container { | |
height: auto !important; | |
min-height: 550px !important; | |
} | |
/* Tablet */ | |
@media only screen and (min-width: 768px) and (max-width: 980px) { | |
.myslider .et_pb_slide .et_pb_container { | |
height: auto !important; | |
min-height: 400px !important; | |
} | |
} | |
/* Phone */ | |
@media only screen and (max-width: 767px) { | |
.myslider .et_pb_slide .et_pb_container { | |
height: auto !important; | |
min-height: 300px !important; | |
} | |
} | |
/* Handle padding */ | |
.myslider .et_pb_slide { | |
padding-bottom: 0px !important; | |
} | |
.myslider div.et_pb_slide_description, | |
.myslider .et_pb_slider_fullwidth_off div.et_pb_slide_description { | |
padding-top: 1%; | |
padding-bottom: 1%; | |
} | |
/* === End: Set divi slider height === */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment