[Resolved] Content and Menu spacing

[Neil]

Hello,
I am having trouble with spacing on a site.
I have disabled all elements and 2nd navigations etc…
but as you can see the home page is fine, but other pages the content is covering the menu.

Home page : https://bowlsmidlothian.co.uk/
Other page: https://bowlsmidlothian.co.uk/committee/

I have only added CSS to create space at the sides when viewing in mobile (pre blocks)

Have used this theme many times and this is the only site I have come across this issue.

Cheers Neil

[Neil]

I found some CSS code that had been written in the template. I hadn’t seen this CSS previously.

All sorted

/* GeneratePress Site CSS */ /* Content styles */

@media (min-width: 769px) {
body:not(.home) .inside-article, .sidebar .widget, .separate-containers .comments-area {
box-shadow: 0 0 20px rgba(0,0,0,0.07);
}

body:not(.home):not(.woocommerce) .site.container {
margin-top: -40px;
}
}

.main-navigation:not(.slideout-navigation) .main-nav {
flex-grow: 1;
}

.main-navigation .main-nav {
text-align: center;
}

body:not(.home):not(.woocommerce).separate-containers .site-main {
margin-top: 0;
}

@media (max-width: 768px) {
.footer-bar {
margin-bottom: 5px;
}
}

h2.home-slogan {
font-weight: 500;
margin-bottom: 1.5em;
}

.section-center {
text-align: center;
}

button, html input[type=”button”], input[type=”reset”], input[type=”submit”],
a.button,
a.button:visited,
.woocommerce a.button {
border-width: 1px;
border-style: solid;
border-color: inherit;
}

.woocommerce .woocommerce-message a.button {
border: 0;
}

a.button:hover {
border-color: black;
}

.home-button-section .button {
margin-left: 10px;
margin-right: 10px;
width: 150px;
}

@media (max-width: 768px) {
body .button {
margin: 20px 10px;
}
}

/* Primary navigation styles */

@media (min-width: 769px) {
.sf-menu>li.search-item,
.sf-menu>li.wc-menu-item {
float: right !important;
}
}

/* Secondary navigation styles */
.secondary-navigation {
padding-top: 5px;
}

.secondary-nav-aligned-center .secondary-navigation ul, .secondary-nav-aligned-right .secondary-navigation ul {
font-size: inherit;
}

/* Home Hero styles */
.page-hero.home-hero h1 {
font-weight: 800;
text-shadow: 1px 5px 4px rgba(0, 0, 0, 0.5);
font-size: 40px;
}

.page-hero.home-hero a.button {
font-weight: 400;
box-shadow: 1px 5px 4px rgba(0, 0, 0, 0.5);
border: 0;
width: 130px;
}

@media (max-width: 768px) {
.page-hero.home-hero {
background-position: 60% 0;
}
}

/* WPSP styles */
h2.wp-show-posts-entry-title {
font-weight: 500;
font-size: 20px;
text-align: center;
}

@media (min-width: 769px) {
.wp-show-posts-image {
position: relative;
overflow: hidden;
}

.wp-show-posts-image img {
max-width: 100%;

-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.wp-show-posts-image:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}

/* HappyForm style */
body .happyforms-flex {
padding: 0;
}

body input[type=submit].happyforms-button–submit {
margin-top: 5px;
padding: 5px 20px;
font-size: 16px;
background-color: transparent;
font-weight:normal;
}

/* MailChimp styles */
.widget .mc4wp-form input[type=submit] {
background: transparent;
color: #999999;
}

.widget .mc4wp-form input[type=submit]:hover {
background: transparent;
color: #ffffff;
}

.widget .mc4wp-form input {
width: 100%;
}

/* WooCommerce styles */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
border: 1px solid rgba(0,0,0,0.1);
box-sizing: border-box;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link:hover {
border: 1px solid rgba(0,0,0);
box-sizing: border-box;
}

.woocommerce .wc-product-image {
margin: 5px 5px 0 5px;
}

.woocommerce ul.products li.product .price {
margin-bottom: 1em !important;
}

.woocommerce.single div.product div.images img {
padding: 3px;
border: 1px solid #e5e5e5;
box-sizing: border-box;
}

.woocommerce .related .product {
text-align: center !important;
}
.woocommerce ul.products li.product .star-rating {
margin: auto;
}

.woocommerce h2.woocommerce-loop-product__title {
margin-top: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul {
border: 1px solid #000;
border-right: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
border-right: 1px solid #000;
} /* End GeneratePress Site CSS */

[Elvin]

Nice one. Glad you got it sorted. Thank you for letting us know.

[Author]

Posts