Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #297377

    Hi,

    I need to move the menu at the bottom of the header because i have just put some custom content in it and i need space in the upper part of the header.

    I tried to follow that post without success:
    https://kriesi.at/support/topic/move-menu-in-header-down-lower/

    Please look at the private link

    Thanks in advance
    Guillaume

    #297605

    Hi,

    I managed to find a solution to my other post but i spent 3 hours this morning on that one without results.
    Can someone help me please as i need to show my demo by tomorrow ?

    Thanks
    Guillaume

    #297680

    Hi!

    Please try adding following code to Quick CSS

    #top .main_menu .menu > li > a {
    height: 60px!important;
    line-height: 60px!important;
    }
    .header-scrolled .main_menu .menu > li > a {
    height: 88px!important;
    line-height: 88px!important;
    }

    Best regards,
    Yigit

    #297732
    This reply has been marked as private.
    #297740

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Best regards,
    Yigit

    #297767
    This reply has been marked as private.
    #297777
    This reply has been marked as private.
    #297780

    Hey!

    Please remove following code from Custom.css file

    #top .main_menu .menu > li > a {
    height: 60px!important;
    line-height: 60px!important;
    }

    and add the one i have added to Quick CSS field and it should work fine

    Best regards,
    Yigit

    #297832

    Thanks Yigit,

    Done that but that’ts not working … :(

    1) the menu is not moving up when i scroll down the page
    2) the blue border is not moving with the menu when i scroll down the page
    3) i have a link on the “nous suivre sur facebook” part of the image. I can’t use the link as the menu link is “hover” the image (maybe too

    I have removed all the code in the custom.css file so you will be able to test with only the quick css function

    Thanks again
    Guillaume

    #298015

    Hi!

    1 & 2- Please flush browser cache. It does move on my end
    3- Please add following code to Quick CSS

    .custom_stuff { z-index: 999; }

    Cheers!
    Yigit

    #298169

    Hi Yigit

    Thanks but that’s not working: the initial position of the menu is OK, the final position is OK but the menu is not moving as i scroll down the page. Looks like the menu as a position when i am at the top at the page and one when the “sticky transition” is complete. During the transisiton the menu is not moving and the menu come under the slider and that’s ugly. That’s not the correct behavior: without any CSS modification you can see that the menu is moving as you scroll down the page.

    I have tested with a computer never connected before to the site so that’s not a cache problem (browser used: Firefox 31)

    All the custom CSS lines are in the admin part so you can make any modification you want

    Thanks again for your help as i need to show my demo today :(
    Guillaume

    #298194

    Hey Guillaume!

    Please review your website now.

    Regards,
    Yigit

    #298248

    Hi Yigit,

    Thanks for your efforts. I think we are almost there but i need the menu to be lower.

    I modified:

    span.avia-menu-text {
    position: relative;
    top: 35px;
    }

    to

    span.avia-menu-text {
    position: relative;
    top: 70px;
    }

    But now the menu is not moving high enough on the page (take a look at my site plz).

    Thanks again
    Guillaume

    #298252

    Hey!

    I have added additional code to Quick CSS field but as you can see, using it with shrinking header causes the transition not to be that smooth.

    Cheers!
    Yigit

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