Skip to content

Instantly share code, notes, and snippets.

Created August 31, 2017 10:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/7b93ecab5df44e93d6a2eb2e731bb9bd to your computer and use it in GitHub Desktop.
Save anonymous/7b93ecab5df44e93d6a2eb2e731bb9bd to your computer and use it in GitHub Desktop.
@media only screen and (max-width:768px){
h1 {
font-size:22px;
}
h2 {
font-size: 20px;
}
h3{
font-size: 18px;
}
h4 {
font-size:16px;
}
h5 {
font-size: 15px;
}
h6 {
font-size: 14px;
}
#page #masthead {
background-position: center top;
background-size: 100% auto;
padding-top:110px;
}
.education_hub_widget_teams .team-item {
text-align: center;
}
#page,
.container {
width:100%;
padding: 0 15px;
}
.site-content {
padding-top: 15px;
}
.site-main .post {
margin-bottom: 15px;
}
#primary,
#sidebar-primary,
#sidebar-secondary{
width: 100%;
clear: both;
}
.site-branding {
text-align: center;
}
.site-layout-boxed #page {
box-shadow: inherit;
margin-bottom: 15px;
margin-top: 15px;
width: 93%;
}
.global-layout-three-columns #primary,
.global-layout-three-columns #sidebar-primary,
.global-layout-three-columns #sidebar-secondary {
display: inline-block;
float: none;
width: 100%;
}
.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-pcs-equal #sidebar-primary,
.global-layout-three-columns-pcs-equal #sidebar-secondary,
.global-layout-three-columns-scp-equal #primary,
.global-layout-three-columns-scp-equal #sidebar-primary,
.global-layout-three-columns-scp-equal #sidebar-secondary,
.global-layout-three-columns #primary,
.global-layout-three-columns-pcs #primary,
.global-layout-three-columns-cps #primary,
.global-layout-three-columns-psc #primary {
display: inline-block;
float: none;
width: 100%;
}
#quick-contact li {
display: inline-block;
float: none;
margin: 10px 0;
padding: 0 10px;
}
#quick-contact > ul {
float: left;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}
#quick-contact {
padding-top: 8px;
}
.top-news-title::before {
float: none;
}
.top-news {
border: medium none;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}
.education_hub_widget_testimonial_slider .cycle-slide img {
float: none;
margin: 0 auto;
display: ;
}
.education_hub_widget_testimonial_slider .cycle-slide {
padding: 30px 60px 10px;
}
.education_hub_widget_teams .teams-col-4 .team-item,
.education_hub_widget_teams .teams-col-3 .team-item,
.education_hub_widget_teams .teams-col-2 .team-item {
width: 50%;
}
/*Top Header social links*/
.header-social-wrapper {
float: left;
margin-bottom: 15px;
max-width: inherit;
text-align: center;
width: 100%;
}
.header-social-wrapper .education_hub_widget_social li {
display: inline-block;
float: none;
margin: 4px 2.5px 0;
}
.header-social-wrapper .education_hub_widget_social {
float: none;
margin: 0 2px 0 0;
width: 100%;
}
.search-section {
clear: both;
float: right;
padding-top: 15px;
width: 100%;
}
#site-identity {
display: inline-block;
float: none;
margin-top: 7px;
}
.custom-logo-link, .site-logo-link {
display: block;
float: none;
margin: 0 auto;
max-width: 75px;
text-align: center;
}
/*featured slider style*/
#main-slider .cycle-prev:after,
#main-slider .cycle-next:after {
display: block;
font-size: 32px;
}
#main-slider .cycle-prev,
#main-slider .cycle-next {
bottom: 35%;
}
#main-slider .cycle-caption {
left: 12.5%;
}
#main-slider .cycle-caption p {
font-size: 13px;
height: 63px;
overflow: hidden;
}
#main-slider .cycle-caption h3 {
font-size: 19px;
font-weight: bold;
line-height: 1.4;
margin-bottom: 6px;
}
#featured-content .inner-wrapper article {
width: 50%;
}
#featured-content .inner-wrapper article:nth-child(2n+1) {
clear: both;
}
.recent-news,
.recent-events {
float: left;
padding: 0 15px;
width: 100%;
}
.news-post {
float: left;
padding: 0 15px;
width: 50%;
}
#featured-slider {
clear: both;
display: block;
}
.site-header {
clear: both;
padding: 15px 0;
}
.recent-news,
.recent-events {
margin-bottom: 15px;
}
/* Responsive Menu styling*/
.main-navigation li {
display: block;
float: inherit;
margin-bottom: 0;
position: relative;
clear: both;
}
.main-navigation li a{
padding:10px 15px;
clear: both;
border-bottom: 1px solid;
}
.main-navigation li li a {
padding-left: 30px;
}
.main-navigation li li li a {
padding-left: 40px;
}
.main-navigation ul a {
border-bottom: 1px solid #dddddd;
}
.main-navigation li li li li a {
padding-left: 60px;
}
.main-navigation li:hover > a {
background:inherit;
color: #ffffff;
}
.main-navigation ul ul,
.main-navigation ul ul ul {
clear: both;
display: none;
float: left;
left: 0;
position: inherit;
top: inherit;
width: 100%;
}
.main-navigation li:hover > ul {
display: none;
}
.main-navigation ul li a,
.main-navigation ul li:first-child > a {
border-left: none;
border-right: none;
}
#main-nav {
background: inherit !important;
}
.main-navigation ul.sub-menu.toggled-on {
display: block;
}
.main-navigation ul {
background: #294a70 none repeat scroll 0 0;
}
.wrap-menu-content {
background-color: #666666;
display: none;
left: 3.5%;
position: absolute;
width: 93%;
z-index: 9999;
}
.main-navigation.toggled .wrap-menu-content {
display: block;
}
.menu-toggle {
border-radius: 3px;
display: block;
font-size: 20px;
line-height: 1.3;
margin: 15px auto;
padding: 5px 20px 5px 15px;
border-radius: 0;
background: #294a70;
}
.menu-toggle i {
border-right: 1px solid #dddddd;
float: left;
font-size: 26px;
line-height: 1;
margin-right: 10px;
padding-right: 15px;
}
.dropdown-toggle {
border: 0 none;
box-sizing: content-box;
content: "";
height: 43px;
padding: 0;
position: absolute;
right: 0;
text-transform: lowercase;
top: 0;
width: 43px;
z-index: 9999;
background:inherit;
}
.dropdown-toggle:hover {
background: inherit;
}
.dropdown-toggle.toggle-on:after {
content: "-";
font-size: 45px;
font-weight: normal;
line-height: 0.5;
}
.dropdown-toggle:after {
color: #ffffff;
content: "+";
font-size: 30px;
font-weight: bold;
left: 1px;
line-height: 42px;
position: relative;
top: 0;
width: 42px;
}
.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after{
display: none;
}
/* Responsive Menu styling*/
.footer-widget-area {
float: left;
padding: 0 15px;
width: 50%;
}
#main-slider .cycle-pager {
bottom: -29px;
}
.comments-area form#commentform p {
float: left;
width: 100%;
}
.comments-area input[type='text'],
.comments-area input[type='email'],
.comments-area input[type='url']{
width: 100%;
}
#respond {
clear: both;
display: block;
float: left;
width: 100%;
}
.notice-inner-wrap {
width: 100%;
}
#notice-ticker,
.top-news > p {
float: none;
min-width: 100%;
text-align: center;
margin:0;
}
.top-news-title {
display: block;
float: none;
}
#quick-contact {
width: 100%;
}
.top-news {
text-align: center;
width: 100%;
}
a.links-btn {
width: 100%;
}
.quick-links {
float: left;
width: 100%;
}
.quick-links > ul {
width: 100%;
}
.top-news-title {
display: block;
float: left;
margin-right: 10px;
}
#notice-ticker,
.top-news > p {
float: none;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
min-width: inherit;
text-align: left;
}
.education_hub_widget_testimonial_slider .cycle-prev,
.education_hub_widget_testimonial_slider .cycle-next {
bottom: 68%;
}
.site-layout-boxed #footer-widgets {
width: 110%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment