Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • July 6, 2017 at 5:10 pm #817366
    mofix

    Hi, I managed to get the logo in the menu and in the middle, but I would very much like to have it above the slider on line with the rest of the menu still in the same size. How can I get the logo more up in the header? And is it possible to make the logo go away on scroll, that just the menu shows?
    Thanks a lot,
    Kindly regards, Mathilde

    July 6, 2017 at 5:16 pm #817373
    Jordan Shannon

    Hey mofix,

    Add the following to quick css:

    #avia-menu .avia-menu-text img{
margin-top:-65px!important;
}

    Let me know if this works and then we can work on the second part of your question.

    Best regards,
    Jordan Shannon

    July 6, 2017 at 5:29 pm #817383
    mofix

    Hi Jordan,
    Wow, thanks, working great!!!
    In responsive mode, can we put the logo to the left?
    Kindly regards, Mathilde

    July 6, 2017 at 5:31 pm #817387
    Jordan Shannon

    Hi,

    You mean once the menu becomes a dropdown?

    Best regards,
    Jordan Shannon

    July 6, 2017 at 6:59 pm #817443
    mofix

    Hi, I mean when we scroll down and the menu sticks in the top, that it would be nice it the logo went away on scroll.

    July 6, 2017 at 11:06 pm #817527
    Jordan Shannon

    Hi,

    Add the following to quick css:

    .header-scrolled.header-scrolled-full #avia-menu .avia-menu-text img{
display:none!important;
}

    This hides the logo when you scroll down.

    Best regards,
    Jordan Shannon

    July 7, 2017 at 1:12 pm #817811
    mofix

    Great! Thanks! Is it possible to remove the space between the menu items where the logo is when we scroll?
    Kindly regards, Mathilde

    July 7, 2017 at 3:00 pm #817863
    Jordan Shannon

    Hi,

    You can correct that with the following:

    .header-scrolled.header-scrolled-full #avia-menu #menu-item-1151{
display:none!important;
}

    Best regards,
    Jordan Shannon

    July 7, 2017 at 5:19 pm #817933
    mofix

    Thanks a lot Jordan!! :-) Fantastic!
    How can I place the logo on the left side on mobiles?
    Kindly regards, Mathilde

    July 7, 2017 at 6:12 pm #817955
    Jordan Shannon

    Hi,

    How did you add your logo to the center like that? This may have to be handled via javascript.

    Best regards,
    Jordan Shannon

    July 7, 2017 at 7:05 pm #817969
    mofix

    Hi, I changed the logo image and this code:
    #avia-menu .avia-menu-text img{
    margin-top:-85px!important;
    }
    You like? :-) Or should I change it?
    You mean the mobile version needs JavaScript regarding logo.
    Hmmm, can I make a new widget for the header with the logo in, and just let it show in mobile version and adjust the position with css?

    Kindly regards, Mathilde

    July 7, 2017 at 7:13 pm #817975
    Jordan Shannon

    Hi,

    Yes, the logo as it is now it seems to be apart of the menu which is why it doesn’t show on mobile. It should have been structured differently. Please see the following for an idea:

    Logo center, navigation to the left & right of logo

    Best regards,
    Jordan Shannon

    July 12, 2017 at 11:07 am #819925
    mofix

    Hi Jordan,
    I tried that, but didn’t get it to work properly. But managed to get another logo for mobile. The only thing I struggle with is to make the responsive logo smaller. Any clue?

    Kindly regards, Mathilde

    July 13, 2017 at 3:43 pm #820582
    Jordan Shannon

    Hi,

    Please provide admin info so I can look into this further.

    Best regards,
    Jordan Shannon

    July 13, 2017 at 5:25 pm #820686
    mofix

    Hi, okay, thanks, look in private content for info.
    Thanks, kindly regards, Mathilde

    July 13, 2017 at 5:49 pm #820698
    Jordan Shannon

    Hi,

    Where on the backend have you added the mobile logo? It seems you have two stacked on each other which is effecting the css.

    Best regards,
    Jordan Shannon

    July 13, 2017 at 6:01 pm #820705
    mofix

    Hi, thanks, in the custom css.
    Kindly regards, Mathilde

    July 13, 2017 at 6:12 pm #820709
    Jordan Shannon

    Hi,

    Okay, this is going to have be done differently. Remove the mobile logo css, and follow this to add a second logo for mobile:

    Use a different logo on mobile

    Best regards,
    Jordan Shannon

    July 14, 2017 at 10:27 am #821083
    mofix

    Hi Jordan,
    YES!! Now it’s working! Thanks a lot for your help! :-)
    You can close this now.
    Have a great day!
    Kindly regards, Mathilde

    July 14, 2017 at 3:31 pm #821221
    Rikard

    Hi Mathilde,

    Great, glad we could help. I’ll close this for now. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Logo in the middle of main meny position’ is closed to new replies.