Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #889334

    Hello

    I removed the enfold logo from the website and didn’t replace it with my own logo.
    That went allright. On the website and on my IPad there is no Enfold logo.
    When viewed with a mobile Phone the Enfold logo is there. How do i change this

    #889389

    Hey Mormar,

    Try this in quick css:

    .responsive .logo { display: none !important; }

    Best regards,
    Jordan Shannon

    #892163

    Hello Jordan,

    I tried thet. The Enfold logo disappeared. But so did the picture i had in the header. So, something else neds to e done.

    Hope to hear from you soon.

    Regards

    Mormar

    #892173

    Hey Mormar,

    you could use

    .logo {
        visibility: hidden !important;
    }

    in Quick CSS or just upload a transparent logo ;-)

    Best,
    Jannis

    #892330

    Hi Mormar,

    Did you try the suggestion posted by Jannis and did you have any luck with it?

    Best regards,
    Rikard

    #892794

    I tried that solution. The picture is back, also on the mobile phone. The problem now is i have the search function on the picture and no menu

    #892934

    Hi,

    Apologies for the delay on this. Just to get this back on track where we left of. You would like the logo to not show on mobile correct?

    Best regards,
    Jordan Shannon

    #893194

    Hello,

    Maybe once again chronologically:
    I startd building my website with Enfold. I put a picture in the header space:
    I don’t use a logo from myself. So the enfold logo appeared on the site. I removed the logo using:
    .logo { display: none; } in the quick css.

    Checking my site on ipad and iphone it appeared that on my Iphone the Enfold logo still appeared.

    The suggestion from the helpdesk was to use:
    .responsive .logo { display: none !important; }
    Then the logo on my iphone was not there anymore. But the header picture was gone, only on my iphone.

    A participant suggested to use:

    }

    .logo {
    visibility: hidden !important;
    }
    When i used that in the quick CSS the picture was back, but the search icon on mu iphone appeared in the middle of the headerpicture. On top of that i had no menu on the iphone. And that is how it is now.

    Regards
    Mormar

    #893328

    Hi,

    Perhaps try the following inplace of what you currently have:

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

    Best regards,
    Jordan Shannon

    #893356

    Hi,

    Tries that. Nu picture in header on mobile.
    Regards

    Mormar

    #893378

    Hi,

    Did you remove all other previously suggested css?

    Best regards,
    Jordan Shannon

    #893405

    This is what have in the quick css now.
    But this was already in it before.

    .container.av-logo-container {
    background: url(http://buurtbusboekelo.nl/wp-content/uploads/2017/11/2017-11-15-15.08.32.jpg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    }

    .main_menu a {

    color: #109bc5 !important;

    }

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

    }

    regards

    Mormar

    #894446

    Hi Mormar,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? You need to remove the logo in Theme options > Header > Transparency options.
    Image 2018-01-07 at 20.02.44.png

    Best regards,
    Victoria

    #894472

    below you can see the login options for the admin page. I’d like to remember you of the fact that i don’t use a logo. Just a header picture.
    I’d like to see the rifht webste on computer, iPad and iPhone. That is my problem.

    #894501

    Hi Mormar,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    div .logo {
      display: none;
    }
    .responsive .container {
        max-width: 100%;
    }
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all .av-logo-container {
        max-width: 100%;
        width: 100%;
        min-height: 200px;
      }
    }
    
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

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