Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 13, 2017 at 10:51 pm #760310
    pimroll

    Hello,

    Can you please help me to add the company logo into the header of my mobile menu.

    The site is here: http://bit.ly/2mkAcOf

    And the logo I want to add is this: http://imgur.com/a/qxX5Q

    Can you please help me, thanks!

    March 15, 2017 at 6:19 am #761140
    Nikko

    Hey pimroll,

    I can see this logo in http://imgur.com/a/qxX5Q in the header in the mobile version of you site.

    Best regards,
    Nikko

    March 15, 2017 at 10:05 am #761256
    pimroll

    Hello Nikko,

    I would like it to be on the header of menu also: http://imgur.com/a/45hRt

    The outcome should be exactly the same as in this site: http://bit.ly/2mI6CnN

    March 16, 2017 at 12:08 pm #761847
    Nikko

    Hi pimroll,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #top #mobile-advanced {
    background: #fff url('http://domain.com/enfold/wp-content/uploads/2017/02/logo.png') left 30px top no-repeat;
    background-size: auto 89px;
  }
}

    Try to replace http://domain.com/enfold/wp-content/uploads/2017/02/logo.png with the url of your logo and probably adjust some of the code. Hope this helps :)

    Cheers!
    Nikko

    March 16, 2017 at 2:14 pm #761916
    pimroll

    Hello Nikko,

    Great, thanks its working now, made some adjustments in the code and now its ok.

    Thanks!

    March 16, 2017 at 2:16 pm #761918
    pimroll

    One little thing can I make some adjustments to be able to align logo with the menu line, so the logo would be a little bit lower?

    Link: http://imgur.com/a/ocUuG

    March 16, 2017 at 10:04 pm #762232
    Nikko

    Hi,

    You can add some value after the top in the code, for example change this:
    background: #fff url('http://domain.com/enfold/wp-content/uploads/2017/02/logo.png') left 30px top no-repeat;
    to
    background: #fff url('http://domain.com/enfold/wp-content/uploads/2017/02/logo.png') left 30px top 10px no-repeat;
    Just adjust it as you see fit :)

    Best regards,
    Nikko

    March 17, 2017 at 9:51 am #762396
    pimroll

    Hello Nikko,

    Thanks for that, I got it working!:)

    March 18, 2017 at 8:59 am #762841
    Nikko

    Hi Pimroll,

    Glad we could help :)

    Best regards,
    Nikko

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