[Resolved] Mobile header logo not showing up

[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;}

[Leo]

Hi there,

Can you link me to the site?

Thanks!

[Author]

Posts