[Resolved] Content and Menu spacing

Home Forums Support [Resolved] Content and Menu spacing

Home Forums Support Content and Menu spacing

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1637843
    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

    #1637883
    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 */

    #1637894
    Elvin
    Staff
    Customer Support

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

    A wise man once said:
    "Have you cleared your cache?"

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.