-
AuthorPosts
-
May 14, 2015 at 9:46 am #444155
Hi,
Grate Theme!!!!I need increase the background of the menu will be more spacious
How can we do this in a way that undermines the text?
Here is screenshoot: http://prntscr.com/750x3r
I need it to be like this:http://prntscr.com/750xi3Thanks..!
May 14, 2015 at 6:27 pm #444507Hey Lev!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.html_header_top.html_bottom_nav_header .main_menu ul:first-child { height: 55px; } .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 55px; line-height: 55px; }
Best regards,
YigitMay 17, 2015 at 7:19 am #445350Thanks!!!!
It helped very much!
It seems great now …May 17, 2015 at 11:51 am #445379Hi again
I see now (after i put your css code) that when I scrolling the page the menu remains exactly the same size, and not becomes smaller
How can you fix it?
Here is the screenshot:
http://prntscr.com/765lplThanks…
May 18, 2015 at 5:28 pm #445876Hi!
Add this:
.html_header_top.html_bottom_nav_header .header-scrolled .main_menu ul:first-child { height: 27px; } .html_header_top .header-scrolled .main_menu ul:first-child > li a { height: 27px; line-height: 27px; }
Regards,
IsmaelMay 19, 2015 at 8:43 am #446241Hi Ismael,
I Put your code and it reduced the text of the menu but not the purple background
Here is screenshot:
http://prntscr.com/76vl32What can we do to fix it
Thanks!May 19, 2015 at 5:00 pm #446557Hey!
Please change the values in Ismael’s code as following
.html_header_top .header-scrolled .main_menu ul:first-child > li a { height: 55px; line-height: 55px; }
Cheers!
YigitMay 19, 2015 at 8:29 pm #446685Hi Yigit,
I change the values in Ismael’s code to your code
but its’ still big
I want the menu to be smaller when I scroll the pageThanks
May 19, 2015 at 9:04 pm #446713Hi!
Please remove the code i posted here – https://kriesi.at/support/topic/menu-23/#post-446557
and add following instead.header-scrolled ul#avia-menu { height: 35px; }
Cheers!
YigitMay 19, 2015 at 9:06 pm #446714Here is screenshot to explain clearer what I need
http://prntscr.com/772wpqMay 19, 2015 at 9:08 pm #446718Hey!
Please refer to my post here – https://kriesi.at/support/topic/menu-23/#post-446713
Cheers!
YigitMay 21, 2015 at 7:25 am #447598Hey Yigit,
I put your code and the result is just the back becomes small
you can see here:
http://prntscr.com/77m1i0
What do you recommend?May 22, 2015 at 6:56 am #448184Hey!
Make sure that you add this at the very bottom of the Quick CSS field:
.html_header_top .header-scrolled .main_menu ul:first-child > li a { height: 25px !important; line-height: 25px; }
Cheers!
IsmaelMay 25, 2015 at 7:06 am #449397Hi again,
It looks very nice
The last thing left is to arrange the “menu hover-line” to appear exactly at the bottom of the menu
you can see here what I mean:
http://prntscr.com/792j4t** This is only for a scroll mode
Thanks in advance!!!
May 25, 2015 at 6:17 pm #449647Hey!
Please add following code to Quick CSS as well
.header-scrolled .avia-menu-fx { top: 100%; }
Best regards,
YigitMay 26, 2015 at 6:39 am #449827Perfect!
thanks!!!!May 26, 2015 at 9:19 am #449903June 8, 2015 at 10:12 am #455873Thanks its work,
you can close the ticket. -
AuthorPosts
- The topic ‘Menu’ is closed to new replies.