Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 19, 2015 at 10:14 pm #399288
    February 20, 2015 at 8:20 am #399483
    Rikard

    Hey apps2go!

    Could you please post a link to the site in question? Also, do you want to hide it only for mobile or for tablets as well?

    Cheers!
    Rikard

    February 20, 2015 at 4:30 pm #399726
    apps2go

    Hi Rikard! I dont have a link for the site right now as I am building it on a local hosted server. And obviously that means I havent used it on a mobile or tablet device yet, but when i shrink down my browser window and the menu becomes responsive I get the “enfold” logo at the top. I’m thinking it will work best if the menu compresses on both the mobile and tablet so that would mean I have to make sure the logo does not appear for either of them. I currently have this code in the quick css section which works great on full screen resolution… “.logo { display: none; }”. I’m just wondering if there is a modification or something I can add to it to have the same effect on smaller devices?

    Thanks
    Josh

    February 20, 2015 at 4:36 pm #399729
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.responsive .logo {
display: none !important;
}}

    Regards,
    Yigit

    February 20, 2015 at 4:48 pm #399737
    apps2go

    Thanks Yigit! It worked, but it also cut off the top half of the menu button. Do I need to add some padding above the menu button or something?

    Thanks
    Josh

    February 20, 2015 at 4:54 pm #399739
    Yigit

    Hey!

    You can replace the code with following one

    @media only screen and (max-width: 480px) {
.responsive .logo {
opacity: 0!important
}}

    and that should help

    Regards,
    Yigit

    February 20, 2015 at 5:11 pm #399754
    apps2go

    ^^^^^^ The kid is good! lol
    Thanks worked like a charm!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Remove logo from mobile header’ is closed to new replies.