Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Mobile header logo not showing up

Home Forums Support Mobile header logo not showing up

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #374896
    Max

    Hey
    My mobile header logo is not showing up.

    I uploaded a small 10×10 px black png via the customiser to test. It is named differently from my other site and nav logos.

    The hamburger has moved to the far right but the logo does not appear.

    I have also tried the code below from another thread. It does not work either:

    @media (max-width: 768px) {
        .home .generate-content-header {
            background-image: url(https://mysite.com/wp-content/uploads/2017/08/mob.png);
        }
    }

    I just tried deactivating my child theme and the logo does appear in the mobile header.

    So it would appear that something in the css in my child theme is causing the problem.

    I have styled the positions of my site and nav logos. Maybe that css is the issue.

    You help is greatly appreciated.

    Here is the code from my child theme:

    /*
    Theme Name: My GP Child Theme
    Description: My GP Child Theme
    Author: ME
    Template: generatepress
    Version: 1.0.0
    */
    
    /*  LOGO STYLING  */
    
    /* Site logo positioning  */
    
    .site-header .header-image {
        margin-top:35px;
    }
    
    /*  Sticky menu logo positioning  */
    .main-navigation .navigation-logo img {
    margin-top: 40px;
    margin-left: 10px;
    margin-right:-10px; /* adjust gap between text and logo  */
    }
    
    /* MENU STYLING */
    
    /* Align text left when menu floated right */
    
    .nav-float-right .inside-header .main-navigation {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    
    /* Align text left in sticky menu */
    
    .navigation-stick {
        text-align: left !important;
    /*  margin-top: 40px !important; */ /* Add margin to top of sticky menu */
    }
    
    /* Add space between logo and start of menu links */
    .site-logo {
        float: left;
        margin-right: 30px;
        margin-top: -40px;
    }
    
    /* END MENU STYLING */
    
    /* CONTACT FORM 7 STYLES* /
    
    /* Two column forms */
    
    .cf7-custom-style > div {/*adding some margin to fields*/
        margin: 0.5em 0;
    }
    
    .wpcf7-form-control, .wpcf7-form-control-wrap {
        width: 100%;
    }
    
    /* optional border around fields */
    /*input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea {
        border:1px solid #000;
    }*/
    
    /* END CONTACT FORM 7 STYLES */
    
    /* HOMEPAGE HEADER STYLING */
    
    .home-div {
        font-size: 40px; 
        font-weight: 700; 
        line-height: .2;
        color: white; 
        background: #312C26; 
    /*  background-image: url('https://media.giphy.com/media/3o7aDcrsww5Ybp18hq/giphy.gif');
        background-size: 260px 260px;
        background-repeat: no-repeat; */
        width: 180px; 
        height: 155px;
        padding: 40px;
        margin-left: 40px;
        margin-top:160px;
        margin-bottom: 40px;
        border: 4px solid white;
        border-radius: none;
    }
    
    /* REDUCE SPACING TOP OF DIV FOR MOBILE AND TABLET */
    
    @media (max-width: 768px) {
        .home-div {margin-top: 80px;}}
        
    @media (min-width: 769px) and (max-width: 1024px) {
        .home-div {margin-top: 80px;}}
    
    /* STYLE PARAGRAHS IN DIV */
    .home-project {
        letter-spacing: 1.5px;
    }
    
    .home-and {
        font-size: 20px;
        margin-left: 70px;
        margin-top: -30px;
        letter-spacing: 1.5px;
    }
    
    /* END HOMEPAGE HEADER STYLING */
    
    .button.home, .button.home:visited, button.home:hover, .button.home:active {
        font-size: 36px;
        font-weight:600;
        color:white; 
        border:4px solid white;
        display:inline-block;
        margin-bottom:20px;
        margin-left:40px; 
        box-sizing: border-box;
        width:265px;
        text-align: center;
    }
    
    .button.home, .button.home:visited {
        background: #28a428; 
    }
    
    .button.home:hover, .button.home:active {
         background:#238f23; 
         box-shadow: inset 0 0 0 2px #ffffff;
    }
    
    /*add rounded corners to site buttons and bolder text*/
    .button, .submit,.search-submit {border-radius: 15px;font-weight:600;}
    
    
    GeneratePress 1.4
    GP Premium 1.4.3
    #375019
    Leo
    Staff
    Customer Support

    Hi there,

    Can you link me to the site?

    Thanks!

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