Skip to content

Instantly share code, notes, and snippets.

@wpacademy
Created May 12, 2020 00:21
Show Gist options
  • Star 10 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save wpacademy/e8313fef8a38c52290b9aa52427e3b24 to your computer and use it in GitHub Desktop.
Save wpacademy/e8313fef8a38c52290b9aa52427e3b24 to your computer and use it in GitHub Desktop.
/*****************************
* Author: Mian Shahzad Raza
* Organization: WPAcademy.PK
* Description: Custom Styling for Resume Elementor Template by WP Academy
*****************************/
.wpac-custom-nav .elementor-icon-list-item a {
padding: 15px 10px;
}
.wpac-custom-nav .elementor-icon-list-item a:hover, .wpac-custom-nav .elementor-icon-list-item a.active{
background: #000;
}
@media all and (max-width: 768px) {
.wpac-custom-nav, .wpac-custom-social {
width: 100% !important;
max-width: 100% !important;
top: 0;
background: #111;
height: 60px;
}
.wpac-custom-social {
top: auto;
right: auto;
bottom: 0;
height: 35px;
background: rgba(0,0,0,0.9);
}
.wpac-custom-nav .elementor-icon-list-item a {
padding: 15px 10px 12px 10px;
}
.wpac-custom-nav .elementor-icon-list-items, .wpac-custom-social .elementor-icon-list-items{
display: flex;
}
.wpac-custom-nav .elementor-icon-list-items .elementor-icon-list-item, .wpac-custom-social .elementor-icon-list-items .elementor-icon-list-item {
margin: 0 !important;
padding: 0 !important;
line-height: 1;
}
.wpac-custom-social .elementor-icon-list-items .elementor-icon-list-item {
flex: 1;
}
.wpac-custom-social .elementor-icon-list-items .elementor-icon-list-item a {
padding: 8px;
}
.wpac-custom-social .elementor-icon-list-items .elementor-icon-list-item a i {
color: #fff !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment