Community Forums › Forums › Archived Forums › General Discussion › How do I reduce the hight of the agency pro responsive header area
Tagged: Agency Pro Header
- This topic has 5 replies, 2 voices, and was last updated 8 years, 6 months ago by Christoph.
-
AuthorPosts
-
July 22, 2016 at 2:26 pm #190024derekwbergMember
If you look at my homepage on mobile the amount of white space is perfect.
But if you look at one of my other pages there is too much padding under the menu icon
Can't seem to find where I adjust the responsive Height
/*
Theme Name: Altitude Pro Theme
Theme URI: http://my.studiopress.com/themes/altitude/
Description: Make a stunning first impression, grab attention, and dynamically tell your story with beautiful images and clean typography.
Author: StudioPress
Author URI: http://www.studiopress.com/Version: 1.0.2
Tags: black, white, blue, green, orange, pink, one-column, two-columns, responsive-layout, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
Template: genesis
Template Version: 2.1License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*//* Table of Contents
- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Gallery
- Forms
- Buttons
- Tables
- Structure and Layout
- Site Containers
- Column Widths and Positions
- Column Classes
- Common Classes
- Avatar
- Genesis
- Search Form
- Titles
- WordPress
- Widgets
- Plugins
- Genesis eNews Extended
- Jetpack
- Site Header
- Title Area
- Widget Area
- Site Navigation
- Primary Navigation
- Secondary Navigation
- Footer Navigation
- Responsive Menu
- Content Area
- Front Page
- Dashicons
- Flexible Widgets
- Content
- Entries
- Entry Meta
- After Entry
- Pagination
- Content Boxes
- Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
- Max-width: 1280px
- Max-width: 1200px
- Max-width: 1023px
- Max-width: 800px
- Max-width: 480px*/
/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- *//* Baseline Normalize
normalize.css v2.1.3 | MIT License | git.io/normalize
--------------------------------------------- */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/* Box Sizing
--------------------------------------------- */*,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}/* Float Clearing
--------------------------------------------- */.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
content: " ";
display: table;
}.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
clear: both;
content: " ";
display: table;
}/*
Defaults
---------------------------------------------------------------------------------------------------- *//* Typographical Elements
--------------------------------------------- */body {
background-color: #fff;
color: #000;
font-family: "Ek Mukta", sans-serif;
font-size: 20px;
font-weight: 200;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}body.altitude-home {
background: none;
}a,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.site-header.dark {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}::-moz-selection {
background-color: #000;
color: #fff;
}::selection {
background-color: #000;
color: #fff;
}a {
color: #22a1c4;
text-decoration: none;
}a:hover {
color: #000;
}p {
margin: 0 0 30px;
padding: 0;
}ol,
ul {
margin: 0;
padding: 0;
}li {
list-style-type: none;
}b,
strong {
font-weight: 800;
}cite,
em,
i {
font-style: italic;
}blockquote {
color: #999;
margin: 40px;
}blockquote::before {
content: "\201C";
display: block;
font-size: 30px;
height: 0;
left: -20px;
position: relative;
top: -10px;
}hr {
border: 0;
border-collapse: collapse;
border-top: 1px solid #eee;
clear: both;
margin: 40px 0;
}/* Headings
--------------------------------------------- */h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Ek Mukta", sans-serif;
font-weight: 200;
line-height: 1.2;
margin: 0 0 20px;
}h1 {
font-size: 36px;
}h2 {
font-size: 32px;
}.image-section h2,
.solid-section h2 {
font-size: 80px;
font-weight: 200;
line-height: 1;
}.front-page-2.solid-section h2 {
font-size: 48px;
}h3 {
font-size: 30px;
}h4 {
font-size: 24px;
}.image-section h4,
.solid-section h4 {
font-size: 16px;
font-weight: 800;
letter-spacing: 3px;
text-transform: uppercase;
}h5 {
font-size: 20px;
}h6 {
font-size: 18px;
}/* Objects
--------------------------------------------- */embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}img {
height: auto;
}.full-width-content img.pull-left {
float: left;
margin: 0 40px 40px -200px;
}.full-width-content img.pull-right {
float: right;
margin: 0 -200px 40px 40px;
}.featured-content img,
.gallery img {
width: auto;
}/* Gallery
--------------------------------------------- */.gallery {
margin-bottom: 28px;
overflow: hidden;
}.gallery-item {
float: left;
margin: 0;
padding: 0 4px;
text-align: center;
}.gallery-columns-1 .gallery-item {
width: 100%;
}.gallery-columns-2 .gallery-item {
width: 50%;
}.gallery-columns-3 .gallery-item {
width: 33%;
}.gallery-columns-4 .gallery-item {
width: 25%;
}.gallery-columns-5 .gallery-item {
width: 20%;
}.gallery-columns-6 .gallery-item {
width: 16.6666%;
}.gallery-columns-7 .gallery-item {
width: 14.2857%;
}.gallery-columns-8 .gallery-item {
width: 12.5%;
}.gallery-columns-9 .gallery-item {
width: 11.1111%;
}.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}.gallery .gallery-item img {
border: none;
height: auto;
margin: 0;
}/* Forms
--------------------------------------------- */input,
select,
textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
box-shadow: none;
color: #000;
font-size: 20px;
font-weight: 200;
padding: 20px;
width: 100%;
}input:focus,
textarea:focus {
border: 1px solid #999;
outline: none;
}.front-page input:focus,
.front-page textarea:focus {
border: 1px solid #22a1c4;
outline: none;
}input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}::-moz-placeholder {
color: #000;
opacity: 1;
}::-webkit-input-placeholder {
color: #000;
}button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget .button {
background-color: #22a1c4;
border: 2px solid #22a1c4;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 800;
letter-spacing: 2px;
padding: 15px 25px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
white-space: normal;
width: auto;
}input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}/* Buttons
--------------------------------------------- */button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button.clear:hover,
.button:hover,
.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .widget .button,
.widget .button:hover,
.widget .button.clear:hover {
background-color: #000;
border: 2px solid #000;
color: #fff;
}.button {
display: inline-block;
}button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small,
.button.small {
padding: 8px 16px;
}.widget .button.clear {
background-color: transparent;
border: 2px solid #000;
color: #000;
}.image-section .button {
margin-left: 5px;
margin-right: 5px;
margin-top: 20px;
}.image-section .button.clear {
border-color: #fff;
color: #fff;
}.footer-widgets button:hover,
.footer-widgets input:hover[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .widget .button:hover,
.image-section button:hover,
.image-section input:hover[type="button"],
.image-section input:hover[type="reset"],
.image-section input:hover[type="submit"],
.image-section .widget .button:hover {
background-color: #fff;
border: 2px solid #fff;
color: #000;
}button:disabled,
button:disabled:hover,
input:disabled,
input:disabled:hover,
input[type="button"]:disabled,
input[type="button"]:disabled:hover,
input[type="reset"]:disabled,
input[type="reset"]:disabled:hover,
input[type="submit"]:disabled,
input[type="submit"]:disabled:hover {
background-color: #ddd;
border-color: #ddd;
color: #fff;
cursor: not-allowed;
}/* Tables
--------------------------------------------- */table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
}tbody {
border-bottom: 1px solid #ddd;
}th,
td {
text-align: left;
}th {
font-weight: bold;
text-transform: uppercase;
}td {
border-top: 1px solid #ddd;
padding: 6px 0;
}/*
Structure and Layout
---------------------------------------------------------------------------------------------------- *//* Site Containers
--------------------------------------------- */.site-inner,
.wrap {
float: none;
margin: 0 auto;
max-width: 1200px;
}.site-inner {
background-color: #fff;
clear: both;
margin-top: 170px;
position: relative;
z-index: 9;
word-wrap: break-word;
}.front-page .site-container .site-inner {
margin-top: 0;
max-width: 100%;
}.altitude-landing .site-container .site-inner {
margin-top: 100px;
}.secondary-nav .site-inner {
margin-top: 250px;
}/* Column Classes
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}.one-third,
.two-sixths {
width: 31.623931623931625%;
}.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}.one-fourth {
width: 23.076923076923077%;
}.three-fourths {
width: 74.35897435897436%;
}.one-sixth {
width: 14.52991452991453%;
}.five-sixths {
width: 82.90598290598291%;
}.first {
clear: both;
margin-left: 0;
}/*
Common Classes
---------------------------------------------------------------------------------------------------- *//* Avatar
--------------------------------------------- */.avatar {
border-radius: 50%;
float: left;
}.author-box .avatar {
height: 88px;
width: 88px;
}.entry-comments .avatar {
height: 60px;
width: 60px;
}.alignleft .avatar,
.author-box .avatar {
margin-right: 24px;
}.alignright .avatar {
margin-left: 24px;
}.comment .avatar {
margin: 0 20px 24px 0;
}/* Genesis
--------------------------------------------- */.breadcrumb {
border-bottom: 2px solid #f5f5f5;
font-size: 20px;
margin-bottom: 60px;
padding-bottom: 10px;
}.archive-description,
.author-box {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
font-size: 20px;
margin-bottom: 100px;
padding: 40px 0;
}.author-box-title {
font-size: 22px;
margin-bottom: 8px;
}.archive-description p:last-child,
.author-box p:last-child {
margin-bottom: 0;
}/* Search Form
--------------------------------------------- */.search-form {
overflow: hidden;
}.search-form input[type="search"] {
margin-right: 10px;
width: auto;
}.search-form input[type="submit"] {
padding: 25px;
}.widget_search input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}/* Titles
--------------------------------------------- */.archive-title {
font-size: 24px;
line-height: 1;
margin-bottom: 20px;
}.entry-title {
font-size: 48px;
}.sidebar .entry-title {
font-size: 24px;
text-align: left;
}.entry-title a {
color: #000;
}.entry-title a:hover {
color: #22a1c4;
}.widget-full .widget-title {
margin-bottom: 40px;
}/* WordPress
--------------------------------------------- */.alignleft {
float: left;
text-align: left;
}.alignright {
float: right;
text-align: right;
}a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}a.alignnone {
display: inline-block;
}a.aligncenter img {
display: block;
margin: 0 auto;
}img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
}img.alignnone,
.alignnone {
margin: 0 0 12px;
}a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 24px 24px 0;
}a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 24px 24px;
}.wp-caption-text {
font-size: 18px;
line-height: 1.2;
text-align: center;
}.entry-content p.wp-caption-text {
margin-bottom: 0;
}.gallery-caption,
.entry-content .gallery-caption {
margin: 0 0 10px;
}.post-password-form input {
width: auto;
}.post-password-form input[type="submit"] {
padding: 25px;
}.wp-audio-shortcode,
.wp-playlist,
.wp-video {
margin: 0 0 28px;
}/*
Widgets
---------------------------------------------------------------------------------------------------- */.widget {
word-wrap: break-word;
}.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px;
}.widget ul li {
margin-bottom: 10px;
padding-bottom: 10px;
}.widget li li {
border: none;
margin: 0 0 0 30px;
padding: 0;
}.widget_calendar table {
width: 100%;
}.widget_calendar td,
.widget_calendar th {
text-align: center;
}/* Featured Content
--------------------------------------------- */.featured-content .entry-title {
font-size: 24px;
}/* Simple Social Icons
--------------------------------------------- */.altitude-home .content .simple-social-icons {
margin-top: 40px;
}.altitude-home .content .simple-social-icons ul li {
margin: 0 20px !important;
}.altitude-home .content .simple-social-icons ul li a,
.altitude-home .content .simple-social-icons ul li a:hover {
padding: 30px;
}/*
Plugins
---------------------------------------------------------------------------------------------------- *//* Genesis eNews Extended
--------------------------------------------- */.enews-widget input {
font-size: 18px;
margin-bottom: 20px;
}.enews-widget input[type="submit"] {
margin: 0;
width: 100%;
}.enews form + p {
margin-top: 24px;
}/* Genesis Portfolio Pro
--------------------------------------------- */.genesis-pro-portfolio .content .pro-portfolio {
padding: 0;
}/* Jetpack
--------------------------------------------- */#wpstats {
display: none;
}/*
Site Header
---------------------------------------------------------------------------------------------------- */.site-header {
background-color: #fff;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}.featured-section .site-header {
background-color: fff;
}.featured-section .site-header > .wrap {
border-bottom: 1px solid #fff;
}.site-header.dark {
background-color: #fff;
}.site-header.dark > .wrap {
border-bottom: none;
}.site-header.dark .nav-secondary {
display: none;
}.admin-bar .site-header {
top: 32px;
}/* Title Area
--------------------------------------------- */.title-area {
float: left;
padding: 25px 0;
width: 360px;
}.site-header.dark .title-area {
padding: 15px 0;
}.site-title {
font-size: 24px;
font-weight: 800;
letter-spacing: 2px;
line-height: 1;
margin-bottom: 0;
text-transform: uppercase;
}.site-title a,
.site-title a:hover {
color: #fff !important;
}.header-image .title-area,
.header-image .site-header.dark .title-area {
padding: 0;
}.header-image .site-title > a {
background-size: contain !important;
display: block;
height: 76px;
text-indent: -9999px;
}.header-image .dark .site-title > a {
height: 56px;
}.site-description {
display: block;
height: 0;
margin-bottom: 0;
text-indent: -9999px;
}/*
Site Navigation
---------------------------------------------------------------------------------------------------- */.fl-module-menu .fl-menu ul,
.fl-module-menu .fl-menu li {
list-style: none;
}.genesis-nav-menu {
line-height: 1;
}.genesis-nav-menu .menu-item {
display: inline-block;
text-align: center;
}.genesis-nav-menu li li {
margin-left: 0;
}.genesis-nav-menu a {
color: #000;
display: block;
font-size: 14px;
font-weight: 900;
letter-spacing: 1px;
padding: 30px 15px;
text-transform: uppercase;
}.site-header.dark .genesis-nav-menu a {
padding: 20px 15px;
}.genesis-nav-menu li.highlight a:hover::before {
color: #000;
}.genesis-nav-menu li.highlight > a {
font-weight: 800;
}.front-page .genesis-nav-menu li.current-menu-item > a,
.genesis-nav-menu > li > a {
border-bottom: 2px solid transparent;
}.front-page .genesis-nav-menu li.current-menu-item > a:hover,
.genesis-nav-menu li.current-menu-item > a,
.genesis-nav-menu > li > a:hover {
border-color: #fff;
}.genesis-nav-menu > .menu-item > a {
text-transform: capitalize;
}.genesis-nav-menu .sub-menu {
left: -9999px;
letter-spacing: 0;
opacity: 0;
position: absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 200px;
z-index: 99;
}.genesis-nav-menu .sub-menu a {
background-color: #111;
padding: 20px;
position: relative;
width: 200px;
}.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu li.current-menu-item > a {
background-color: #fff;
}.genesis-nav-menu .sub-menu .sub-menu {
margin: -54px 0 0 199px;
}.genesis-nav-menu .menu-item:hover {
position: static;
}.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}.genesis-nav-menu > .first > a {
padding-left: 0;
}.genesis-nav-menu > .last > a {
padding-right: 0;
}.genesis-nav-menu > .right {
color: #000;
display: inline-block;
list-style-type: none;
padding: 27px 20px;
text-transform: uppercase;
}.genesis-nav-menu > .right > a {
display: inline;
padding: 0;
}.genesis-nav-menu > .rss > a {
margin-left: 48px;
}.genesis-nav-menu > .search {
display: block;
margin: 0 auto;
padding: 0 20px 20px;
width: 50%;
}/* Primary Navigation
--------------------------------------------- */.nav-primary {
text-align: right;
}.nav-primary .genesis-nav-menu {
float: right;
}/* Secondary Navigation
--------------------------------------------- */.nav-secondary {
border-bottom: 1px solid #fff;
}/* Footer Navigation
--------------------------------------------- */.nav-footer .genesis-nav-menu {
padding: 20px 0;
}.nav-footer .genesis-nav-menu a {
border: none;
font-weight: 800;
letter-spacing: 3px;
margin: 0 20px;
padding: 0;
}/* Responsive Menu
--------------------------------------------- */.responsive-menu-icon {
cursor: pointer;
display: none;
margin-bottom: 10px;
text-align: center;
}.responsive-menu-icon::before {
color: #000;
content: "\f333";
font: normal 24px/1 "dashicons";
margin: 0 auto;
}.nav-secondary .responsive-menu-icon {
margin: 10px auto 0;
}/*
Content Area
---------------------------------------------------------------------------------------------------- *//* Front Page
--------------------------------------------- */.image-section,
.solid-section {
clear: both;
text-align: center;
width: 100%;
}.image-section {
background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );
display: table;
overflow: hidden;
table-layout: fixed;
width: 100%;
}.image-section .widget-area {
display: table-cell;
text-align: center;
vertical-align: middle;
}.image-section,
.image-section a {
color: #fff;
}.image-section a:hover,
.image-section .featured-content .entry-title a:hover {
color: #22a1c4;
}.solid-section {
background-color: #fff;
}.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
border-top: 54px solid transparent;
margin-top: -54px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: relative;
z-index: 9;
}.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7 {
background-attachment: fixed;
background-color: #fff;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}.front-page-1 {
position: relative;
}.front-page-1 .image-section {
padding-top: 75px;
}.secondary-nav .front-page-1 .image-section {
padding-top: 150px;
}.front-page-4 .solid-section {
background-color: #f3f3f3;
}.bottom-image {
margin-bottom: -120px;
margin-top: 100px;
}.bottom-image img {
margin-bottom: -10px;
}.front-page .field-wrap:last-child {
margin-bottom: 0;
}.small-disclaimer {
font-size: 14px;
font-style: italic;
}/* Dashicons
--------------------------------------------- */.front-page .dashicons {
font-size: 40px;
height: 40px;
margin-bottom: 20px;
width: 40px;
}/* Flexible Widgets
--------------------------------------------- */.flexible-widgets {
padding-bottom: 60px;
padding-top: 100px;
}.flexible-widgets .widget {
float: left;
margin: 0 0 40px 2.564102564102564%;
}.flexible-widgets.widget-full .widget,
.flexible-widgets.widget-area .widget:nth-of-type(1),
.flexible-widgets.widget-halves.uneven .widget:last-of-type {
background: none;
margin-left: 0;
padding: 0;
width: 100%;
}.widget-area.flexible-widgets.widget-half .widget,
.flexible-widgets.widget-halves .widget {
width: 48.717948717948715%;
}.flexible-widgets.widget-thirds .widget {
width: 31.623931623931625%;
}.flexible-widgets.widget-fourths .widget {
width: 23.076923076923077%;
}.flexible-widgets.widget-halves .widget:nth-child(even),
.flexible-widgets.widget-thirds .widget:nth-child(3n+2),
.flexible-widgets.widget-fourths .widget:nth-child(4n+2) {
clear: left;
margin-left: 0;
}.solid-section .widget {
background-color: #fff;
padding: 40px;
}.solid-section .widget-title {
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
padding-bottom: 30px;
}.flexible-widgets.widget-halves h2,
.flexible-widgets.widget-thirds h2,
.flexible-widgets.widget-fourths h2 {
font-size: 36px;
}/* Content
--------------------------------------------- */.content {
float: left;
width: 700px;
}.page .content {
padding-bottom: 50px;
}.sidebar-content .content {
float: right;
}.full-width-content .content {
padding: 0 200px 50px;
width: 100%;
}.full-width-content.front-page .content {
padding: 0;
}/* Entries
--------------------------------------------- */.entry {
margin-bottom: 100px;
}.widget .entry {
margin-bottom: 40px;
}.entry-content ol,
.entry-content ul {
margin-bottom: 30px;
margin-left: 40px;
}.entry-content ol > li {
list-style-type: decimal;
}.entry-content ul > li {
list-style-type: disc;
}.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}.entry-content code {
background-color: #000;
color: #ddd;
}/* Entry Meta
--------------------------------------------- */p.entry-meta {
font-size: 20px;
margin-bottom: 0;
}.entry-header,
.entry-footer {
text-align: center;
}.entry-header p.entry-meta {
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 16px;
text-transform: uppercase;
}.entry-header::after {
border-bottom: 1px solid #000;
content: "";
display: block;
margin: 0 auto 60px;
padding-bottom: 30px;
width: 25%;
}.image-section .entry-header::after {
border-color: #fff;
}.entry-footer::before {
border-top: 1px solid #000;
content: "";
display: block;
margin: 30px auto 0;
padding-top: 60px;
width: 25%;
}.sidebar .entry-header::after {
display: none;
}.entry-categories::before,
.entry-tags::before {
display: inline-block;
font: normal 20px/1 "dashicons";
margin-right: 5px;
margin-top: 2px;
vertical-align: top;
-webkit-font-smoothing: antialiased;
}.entry-comments-link::before {
content: "\2014";
margin: 0 6px 0 2px;
}/* After Entry
--------------------------------------------- */.after-entry {
border-top: 1px solid #000;
padding: 40px 0;
}.after-entry .widget {
margin-bottom: 40px;
}.after-entry p:last-child,
.after-entry .widget:last-child {
margin: 0;
}.after-entry li {
list-style-type: none;
}/* Pagination
--------------------------------------------- */.pagination {
clear: both;
margin: 40px 0;
}.adjacent-entry-pagination {
margin-bottom: 0;
}.archive-pagination li {
display: inline;
}.archive-pagination li a {
background-color: #000;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
color: #fff;
cursor: pointer;
display: inline-block;font-size: 14px;
letter-spacing: 1px;
padding: 8px 12px;
text-transform: uppercase;
}.archive-pagination li a:hover,
.archive-pagination .active a {
background-color: #22a1c4;
color: #fff;
}/* Comments
--------------------------------------------- */.comment-respond,
.entry-comments,
.entry-pings {
margin-bottom: 100px;
}p.comment-meta,
.entry-comments .comment,
.entry-comments .comment-reply {
margin-bottom: 40px;
}.comment-header {
font-size: 20px;
}.entry-comments .comment {
border-bottom: 1px solid #000;
}.comment-content,
.entry-comments .comment {
clear: both;
}p.form-submit,
.entry-comments .children .comment,
.entry-comments .comment-author {
margin: 0;
}.entry-comments .children .comment {
border: none;
}.comment-respond label {
display: block;
font-weight: 800;
}.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
width: 100%;
}.comment-list li,
.ping-list li {
list-style-type: none;
}.entry-comments ul.children {
margin-left: 40px;
}.ping-list .reply {
display: none;
}/*
Sidebar
---------------------------------------------------------------------------------------------------- */.sidebar {
float: right;
width: 360px;
}.sidebar-content .sidebar {
float: left;
}.sidebar p:last-child {
margin-bottom: 0;
}.sidebar li {
list-style-type: none;
margin-bottom: 6px;
word-wrap: break-word;
}.sidebar ul > li:last-child {
margin-bottom: 0;
}.sidebar .widget {
margin-bottom: 40px;
}/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */.footer-widgets {
background-color: #22a1c4;
clear: both;
text-align: center;
position: relative;
z-index: 9;
}.footer-widgets .wrap {
padding-bottom: 100px;
padding-top: 100px;
}.footer-widgets,
.footer-widgets .wrap a,
.footer-widgets .wrap a.button {
color: #fff;
}.footer-widgets a:hover {
color: #000;
}.footer-widgets li {
margin-bottom: 10px;
padding-bottom: 10px;
}.footer-widgets .widget {
margin-bottom: 40px;
}.footer-widgets p:last-child {
margin-bottom: 0;
}/*
Site Footer
---------------------------------------------------------------------------------------------------- */.site-footer {
background-color: #000;
padding: 20px;
text-align: center;
}.site-footer,
.site-footer a,
.site-footer p {
color: #fff;
}.site-footer a:hover {
color: #22a1c4;
}.site-footer p {
font-size: 14px;
letter-spacing: 1px;
margin-bottom: 0;
text-transform: uppercase;
}/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1280px) {.site-inner,
.wrap {
max-width: 1140px;
}}
@media only screen and (max-width: 1200px) {.site-inner,
.wrap {
max-width: 960px;
}.site-header .widget-area {
width: 580px;
}.content {
width: 520px;
}.full-width-content .content {
padding: 0 110px;
}.genesis-nav-menu a {
padding: 30px 10px;
}.site-header.dark .genesis-nav-menu a {
padding: 20px 10px;
}.front-page-1,
.front-page-3,
.front-page-5,
.front-page-7 {
background-attachment: scroll;
}}
@media only screen and (max-width: 1023px) {.site-inner,
.wrap {
max-width: 768px;
}.secondary-nav .site-inner {
margin-top: 80px;
}.front-page .site-inner {
max-width: none;
}.site-header {
position: static;
}.front-page .site-header {
background-color: #fff;
}.front-page .site-header > .wrap {
border: none;
}.content,
.sidebar,
.site-header .widget-area,
.title-area {
width: 100%;
}.site-header .title-area,
.site-header.dark .title-area {
padding: 15px 0;
}.header-image .dark .site-title > a {
height: 76px;
}.genesis-nav-menu,
.site-header .widget-area,
.site-title {
text-align: center;
}.header-image .site-title > a {
background-position: center !important;
}.nav-primary .genesis-nav-menu {
float: none;
}.nav-secondary,
.site-header.dark .nav-secondary {
border-bottom: none;
display: block;
}.genesis-nav-menu a,
.site-header.dark .genesis-nav-menu a {
padding: 10px;
}.front-page .site-inner {
margin-top: 0;
}.site-inner {
margin-top: 80px;
}.full-width-content .content {
padding: 0;
}.full-width-content img.pull-left {
margin-left: 0;
}.full-width-content img.pull-right {
margin-right: 0;
}.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}.flexible-widgets.widget-full .widget,
.flexible-widgets.widget-halves .widget,
.flexible-widgets.widget-thirds .widget,
.flexible-widgets.widget-fourths .widget {
margin: 0 auto 20px;
width: 100%;
}.image-section h2,
.solid-section h2 {
font-size: 60px;
}.front-page-1 .image-section,
.secondary-nav .front-page-1 .image-section {
padding-top: 0;
}}
@media only screen and (max-width: 800px) {.site-inner,
.wrap {
max-width: none;
width: 100%;
}.site-inner,
.wrap {
padding: 0 5%;
}.front-page .site-inner {
padding: 0;
}.genesis-nav-menu.responsive-menu {
display: none;
float: none;
padding-bottom: 20px;
}.genesis-nav-menu.responsive-menu .menu-item,
.responsive-menu-icon {
display: block;
}.genesis-nav-menu.responsive-menu .menu-item:hover {
position: static;
}.genesis-nav-menu.responsive-menu li.current-menu-item > a,
.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
.genesis-nav-menu.responsive-menu li a,
.genesis-nav-menu.responsive-menu li a:hover {
background: none;
border: none;
display: block;
padding: 10px 0;
text-transform: none;
}.genesis-nav-menu.responsive-menu .menu-item-has-children {
cursor: pointer;
}.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
margin-right: 60px;
}.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
content: "\f347";
float: right;
font: normal 20px/1 "dashicons";
height: 20px;
padding: 7px 20px;
right: 0;
text-align: right;
z-index: 9999;
}.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
content: "\f343";
}.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu {
display: none;
}.genesis-nav-menu.responsive-menu .sub-menu {
background-color: rgba(255, 255, 255, 0.05);
left: auto;
opacity: 1;
position: relative;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 100%;
z-index: 99;
}.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
background-color: transparent;
margin: 0;
padding-left: 25px;
}.genesis-nav-menu.responsive-menu .sub-menu li a,
.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
padding: 10px 0;
position: relative;
text-transform: none;
width: 100%;
}.genesis-nav-menu.responsive-menu .current-menu-item > a,
.genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu.responsive-menu > li.menu-item-has-children:hover > a,
.genesis-nav-menu.responsive-menu a:hover {
background: none;
}.site-header .genesis-nav-menu.responsive-menu .current-menu-item > a,
.site-header .genesis-nav-menu.responsive-menu .sub-menu li a,
.site-header .genesis-nav-menu.responsive-menu .sub-menu li a:hover,
.site-header .genesis-nav-menu.responsive-menu .sub-menu,
.site-header .genesis-nav-menu.responsive-menu > .menu-item-has-children:before,
.site-header .genesis-nav-menu.responsive-menu > li:hover > a,
.site-header .genesis-nav-menu.responsive-menu a:hover {
color: #fff;
}.altitude-home .simple-social-icons ul li {
margin: 0 20px 20px !important;
}.footer-widgets .wrap {
padding-top: 60px;
padding-bottom: 60px;
}.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
border-top: 0;
margin-top: 0;
}.image-section .flexible-widgets {
padding-bottom: 80px;
}.solid-section .flexible-widgets {
padding-bottom: 40px;
padding-top: 60px;
}.bottom-image {
margin-top: 60px;
margin-bottom: -80px;
}}
@media only screen and (max-width: 480px) {.image-section h2,
.solid-section h2 {
font-size: 40px;
}}
http://www.clarendonhillsmusicacademy.com/calendar/July 22, 2016 at 7:03 pm #190054ChristophMemberHi,
FYI, there is no need to post your style.css.
Looks like you are using a plugin for styling. This selector adds some margin.
.gd-full-width .site-inner {
margin-top: 75px;
}If you reduce this to 0, the white space doesn't show.
Not sure how that will affect pages made with the other page builder but that worked on the Music Lessons page.
July 23, 2016 at 1:13 pm #190088derekwbergMemberHey Christoph
Sorry for the rookie move of pasting entire CSS...
So is this code you mentioned:
.gd-full-width .site-inner {
margin-top: 75px;
}Is this already in my CSS or something I have to add?
If it is there where is it?
If it is not there, where is the best place to insert it?
Derek
July 23, 2016 at 7:10 pm #190100ChristophMemberHi Derek,
One of your plugins is adding that css. Genesis Dambuster maybe?
July 23, 2016 at 9:06 pm #190106derekwbergMemberYes I use dambuster.
July 23, 2016 at 11:09 pm #190109ChristophMemberSo somewhere, somehow Dambuster is adding
.gd-full-width .site-inner {
margin-top: 75px;
}find and change it to margin-top: 0;
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.