Logo is not showing up on Mobile Website

[Brenda Rodriguez]

Hello, I uploaded a main logo under >theme options> basic settings> logo. I can see it when I look at my website on a computer. But, when I look at my website online, I do not see it. My website is https://www.butterflykissess.com/

I did install a mobile menu, I do not know if this may be affecting my logo? The mobile menu is http://www.wpmobilemenu.com

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.slider-main { min-height:85px;}
.main-header, .header { display:block !important;}
.toggle { display:none;}
}

Regards,
Chris

[Brenda Rodriguez]

Hello,

I placed the code into the css box, however, I still cannot see the logo on my shop page.

https://imgur.com/I5HaJ9u

Here is what is in my custom css box:

body { background:#fff;}
section#wrapTwo { margin-top: 130px;}
@media screen and (max-width:767px) {
.header .header-inner .logo { margin:0 auto !important;}
.header {bottom: inherit !important; position: absolute !important; top: 110px !important;}
section#wrapTwo { margin-top:10px !important;}
}
add_filter (‘wpseo_allow_xml_sitemap_ping’, ‘__return_false’);

.innerbanner img{display: block;}

.archive .header { padding:20px 0;}
.archive .content-area { padding:0;}

@media screen and (max-width:767px) {
.header { position:relative !important; top:0 !important; }
.header .header-inner { padding-top:0 !important;}
.toggle a { margin-top:0 !important;}
}

.header { padding-top:0 !important;}
.content-area { padding:10px 0 50px !important;}

.services-wrap .one_fourth:hover a.linkreadmore { display:none;}

.header { padding-top:0 !important;}
.content-area { padding:10px 0 50px !important;}

.page .innerbanner img { display:none;}

.services-wrap .one_fourth p { display:none;}

.slider-main { min-height:350px;}
.header .header-inner .logo { margin-bottom:30px;}

.innerbanner { height: 400px; overflow: hidden; margin-bottom: 30px;}

@media screen and (max-width:479px) {
.slider-main { min-height:85px;}
.main-header, .header { display:block !important;}
.toggle { display:none;}
}

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.header { display: none !important;}
}

Regards,
Chris

[Brenda Rodriguez]

I added the code.

I checked the mobile website shop page. There is no logo.

https://imgur.com/jycSuuc

Current CSS Box:

body { background:#fff;}
section#wrapTwo { margin-top: 130px;}
@media screen and (max-width:767px) {
.header .header-inner .logo { margin:0 auto !important;}
.header {bottom: inherit !important; position: absolute !important; top: 110px !important;}
section#wrapTwo { margin-top:10px !important;}
}
add_filter (‘wpseo_allow_xml_sitemap_ping’, ‘__return_false’);

.innerbanner img{display: block;}

.archive .header { padding:20px 0;}
.archive .content-area { padding:0;}

@media screen and (max-width:767px) {
.header { position:relative !important; top:0 !important; }
.header .header-inner { padding-top:0 !important;}
.toggle a { margin-top:0 !important;}
}

.header { padding-top:0 !important;}
.content-area { padding:10px 0 50px !important;}

.services-wrap .one_fourth:hover a.linkreadmore { display:none;}

.header { padding-top:0 !important;}
.content-area { padding:10px 0 50px !important;}

.page .innerbanner img { display:none;}

.services-wrap .one_fourth p { display:none;}

.slider-main { min-height:350px;}
.header .header-inner .logo { margin-bottom:30px;}

.innerbanner { height: 400px; overflow: hidden; margin-bottom: 30px;}

@media screen and (max-width:479px) {
.slider-main { min-height:85px;}
.main-header, .header { display:block !important;}
.toggle { display:none;}
}

@media screen and (max-width:767px) {
.header { display: none !important;}
}

[Sonal S Sinha]

Hi,

Okay, Kindly send us your URL of the site and WordPress admin details (Username & Password) via sktthemes.net/contact Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Chris

[Brenda Rodriguez]

I have sent the information. Thank you.

[Sonal S Sinha]

Hi,

Issue resolved from our end. Kindly check and confirm.

Regards,
Chris

[Brenda Rodriguez]

Yes,, I see the logo now. However, the product images are now very large.

https://imgur.com/26W0VqA

[Brenda Rodriguez]

In addition, after reviewing the change, I also noticed that one of the product categories is now missing from the shop page (Girls Clothing 7-12 years). It was not missing before.

[Brenda Rodriguez]

Just to clarify, on my mobile website (not desktop), the images on the product category are now too large and in addition one category is missing from my mobile website now (Girls Clothing 7-12 years). It is still listed in the drop down menu but after the logo change, it is now missing the picture Icon that was there before.

[Brenda Rodriguez]

https://imgur.com/gallery/UbgQCUP

[Brenda Rodriguez]

https://imgur.com/a/vdgMQIr

[Brenda Rodriguez]

Is the location of the logo causing issues? Is it because it is not on top? If that is an issue, then please go ahead and put the logo where it won’t cause a problem please.

[Sonal S Sinha]

Hi,

Done.

Regards,
Chris

[Author]

Posts