Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #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/750xi3

    Thanks..!

    #444507

    Hey 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,
    Yigit

    #445350

    Thanks!!!!
    It helped very much!
    It seems great now …

    #445379

    Hi 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/765lpl

    Thanks…

    #445876

    Hi!

    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,
    Ismael

    #446241

    Hi Ismael,
    I Put your code and it reduced the text of the menu but not the purple background
    Here is screenshot:
    http://prntscr.com/76vl32

    What can we do to fix it
    Thanks!

    #446557

    Hey!

    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!
    Yigit

    #446685

    Hi 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 page

    Thanks

    #446713

    Hi!

    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!
    Yigit

    #446714

    Here is screenshot to explain clearer what I need
    http://prntscr.com/772wpq

    #446718

    Hey!

    Please refer to my post here – https://kriesi.at/support/topic/menu-23/#post-446713

    Cheers!
    Yigit

    #447598

    Hey 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?

    #448184

    Hey!

    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!
    Ismael

    #449397

    Hi 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!!!

    #449647

    Hey!

    Please add following code to Quick CSS as well

    .header-scrolled .avia-menu-fx {
      top: 100%;
    }

    Best regards,
    Yigit

    #449827

    Perfect!
    thanks!!!!

    #449903

    Hey!

    Glad we could help :)

    Best regards,
    Rikard

    #455873

    Thanks its work,
    you can close the ticket.

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Menu’ is closed to new replies.