Hello: When I open the site (idsc.miami.edu) a white bar about 1.5 inches tall shows up under the menu. It goes away if I refresh but I can’t figure out to how to get it to go away. Also, that throws off the scrolling (images attached). The different section move up (the word Events disappears into white–3rd image). Can anyone help with this, please? I also pasted all the Additional CSS in case something there is causing this . . . Many thanks.
/**
Patched theme to remove Archive:
File: wp-include/themes/shapely/inc/extras.php
Edited line 652
//echo get_the_archive_title();
// echo “Events”;
echo substr(get_the_archive_title(), 9);
*/
/**
- Reduce padding on top of Events.
- Pedro 2020-02-13
*/
.archive tribe-events .tribe-events-l-container {
padding-top: 20px;
}
.archive .tribe-common–breakpoint-medium.tribe-events .tribe-events-l-container {
padding-top: 20px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 0px #fff;
}
.table-hover tbody tr:hover td {
background: #fff;
}
h1 {
margin: 20px 0px 20px 0px;
}
.page-id-865 h1 {
font-size: 52px;
}
/Trying to remove word “Archives:” from Events page/
.field–body h4 {
font-size: 1.4em;
font-weight: 400;
line-height: 1.42857;
font-family: franklin-gothic-urw,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;
}
.footer-credits { display: none; }
/Individual Page Headers change backgroung from grey to white and reduce padding/
.page-title-section {
height: 115px;
padding: 30px 0;
}
.bg-secondary {
background: #FFFFFF;
}
h3.page-title
{
font-size: 42px;
line-height: 33px;
}
/*what is this?
margin-top: 10;
.shapely-category {
display: none;
}
*/
h3 {
margin-top: 20px;
margin-bottom: 20px
}
p { color: black;}
ul { color: black;}
.navbar-collapse {
padding-right: 5px;
padding-left: 5px;
}
.main-navigation .menu > li {
margin-right: 12px;
}
#tribe-events-pg-template .tribe-events-content h1, .tribe-events-after-html h1, .tribe-events-before-html h1 {
font-size: 60px;
line-height: 1.5;
}
.single-tribe_events .tribe-events-single-event-title {
font-size: 40px;
line-height: 1;
margin: 0;
padding: 0;
}
/remove whitespace below menu-this one didn’t work
#page-container {
padding-top: 0px!important;
overflow-x: hidden;
}/
.page .section {
padding: 100px 0;
}
.btn-white:visited, .btn:visited:hover {
color: #fff;
}
.btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover {
background: #ff880d;
border-color: #fff;
color: #fff;
}
.btn, .button {
font-family: inherit;
border: 2px solid #ffffff;
padding: 0 26px;
min-width: 150px;
line-height: 36px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0;
color: #ff880d;
text-align: center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
margin-right: 8px;
margin-bottom: 24px;
white-space: normal;
}
.btn-filled:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .video-widget .video-controls button:hover, input[type=“submit”]:hover, button[type=“submit”]:hover, .post-content .more-link:hover, .btn:not(.btn-white):hover, .button:not(.btn-white):hover {
background: #FF880D !important;
border: 2px solid#FF880D !important;
}
.btn-filled, .btn-filled:visited, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .video-widget .video-controls button, input[type=“submit”], button[type=“submit”], .post-content .more-link {
background: #9b9a98 !important;
border: 2px solid#9b9a98 !important;
}
.shapely_home_parallax > section:not(.image-bg) .btn-white {
border-color: #FF880D;
color: #FF880D;
}
.btn:visited {
color: #FF880D;
}
.shapely_home_parallax > section:not(.image-bg) .btn-lg.btn-white {
border-color: #FF880D;
color: #FF880D;
}
.shapely_home_parallax > section:not(.image-bg) .btn-white {
border-color: #FF880D;
color: #FF880D;
}
.shapely_home_parallax > section:not(.image-bg) a.btn.btn-lg.btn-white {
border-color: #FF880D;
color: #FFFFFF;
}
.shapely_home_parallax > section:not(.image-bg) .btn-white {
border-color: #FF880D;
color: #FFFFFF;
}
a, a:visited {
color: #800080;
}
a:hover {
color: #745cf9
}
.btn, .button {
border: 2px solid #FF880D;
color: #FF880D
}
.btn-lg.btn-white {
border-color: #FF880D;
color: #FFFFFF;
}
.btn:visited {
color: #800080;
}
h3.mb32 a, a:visited {
font-weight:normal
}
/changes font size of About iDSC on homepage/
div.col-md-4.col-md-offset-1.col-sm-5.col-sm-offset-1 h3 {
font-size: 4em;
}
/changes font size of Projects on homepage/
h3.mb32 {
font-size: 4em;
}
/changes font size of Strategic Alliances on homepage/
h3.mb64.mb-xs-40 {
font-size: 4em;
}
/reducing padding around homepage IDSC logo/
#site-navigation .module.left {
padding-left: 0px;
}
.module {
display: inline-block;
padding: 0 18px;
}
/reducing the padding in the dropdown arrows on main menu/
.menu > li.dropdown {
padding-right: 12px;
}
/removing “Untitled” from Events page/
h2.post-title.entry-title
{ display: none; }
/removing spacing above Events page top below menu/
element.style {
}
section, footer {
padding: 20px 0;
position: relative;
overflow: hidden;
}
/*was . . .
section, footer {
padding: 0px 10;
position: relative;
overflow: hidden;
}
*/
/Restoring padding to top of logo in footer/
#colophon .widget {
margin-bottom: 24px;
margin-top: 24px;
}
/*removing padding under EVENTS */
section.content-area {
padding: 0px 0;
}
/hiding catergory display over photo in blog posts/
span.shapely-category {
display: none;
}
