Mobile menu icon missing and other mobile issues

[fmora617]

Hi – I do not see the menu icon in mobile. Not sure why its missing?

Also, how can I fix the text overlap and white space seen here –> http://i.imgur.com/RIAqkMV.png

Thanks guys!

[fmora617]

I am responding because you answered one of my questions from this ticket in another ticket (fixed the white space and overlapping text in mobile).

However, I still have a question about not seeing the menu icon in mobile. Not sure why its missing?

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

The entire header is hidden with this css

.header-6 #logo {
    display: none;
}

This is how it looks if you show the header.
https://www.dropbox.com/s/fndyjvmeo6vi8lw/Screenshot%202015-10-08%2021.57.17.png?dl=0

Can you explain how it should look like?

-Rui

[fmora617]

Ah I see now. I changed the CSS to display none because I didn’t want the logo to be displayed. I didn’t know this would effect the mobile menu icon.

How can I do it so only the logo is removed, but not the mobile menu icon?

Thanks!

[Kyle – SUPPORT]

Use this instead:

.header-6 #logo img {
    display: none;
}

– Kyle

[Rui Guerreiro – SUPPORT]

try this one

@media only screen and (max-width: 479px) {`
.is-sticky .sticky-header-resized #logo h1 {
display: none;
}
}
`

-Rui

[fmora617]

Hi guys – I tried Kyle’s and Rui’s CSS and it didnt seem to work. Any ideas why?

[Rui Guerreiro – SUPPORT]

Hi,

I added this one and it worked.

@media only screen and (max-width: 479px) {
#logo h1 {
    display: none;
   }
}

-Rui

[fmora617]

I added your last CSS. It looks good on mobile…however I still see the logo on the non mobile site. See here –> http://i.imgur.com/7A6g51o.png

[Rui Guerreiro – SUPPORT]

I thought you wanted to hide it only in Mobile.
use this one instead.

#logo h1 {
    display: none!important;
   }

-Rui

[fmora617]

PERFECT! Thanks guys! Love the support – which is why I keep purchasing your theme!

Fabian

[Kyle – SUPPORT]

Thanks Rui