
-
AuthorPosts
-
July 29, 2014 at 6:34 pm #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
GuillaumeJuly 30, 2014 at 9:11 am #297605Hi,
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
GuillaumeJuly 30, 2014 at 12:49 pm #297680Hi!
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,
YigitJuly 30, 2014 at 2:48 pm #297732This reply has been marked as private.July 30, 2014 at 2:56 pm #297740Hey!
Do you mind creating a temporary admin login and posting it here privately so we can look into it?
Best regards,
YigitJuly 30, 2014 at 3:59 pm #297767This reply has been marked as private.July 30, 2014 at 4:14 pm #297777This reply has been marked as private.July 30, 2014 at 4:16 pm #297780Hey!
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,
YigitJuly 30, 2014 at 5:24 pm #297832Thanks 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 tooI 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
GuillaumeJuly 31, 2014 at 1:39 am #298015Hi!
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!
YigitJuly 31, 2014 at 11:22 am #298169Hi 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 :(
GuillaumeJuly 31, 2014 at 12:50 pm #298194July 31, 2014 at 2:57 pm #298248Hi 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
GuillaumeJuly 31, 2014 at 3:09 pm #298252 -
AuthorPosts
- You must be logged in to reply to this topic.