Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 8, 2016 at 6:09 pm #579795
    MarikaZoll

    Hi, to be able to make the logo larger, is it possible to have the menu on 2 lines?

    February 8, 2016 at 6:20 pm #579807
    Yigit

    Hey MarikaZoll!

    You can go to Enfold theme options > Header and choose to display “Logo center, menu above” option :)

    Cheers!
    Yigit

    February 8, 2016 at 6:25 pm #579811
    MarikaZoll

    Yes, I know that version, but we wanted to have the logo to the left and a 2 line menu to the right of the logo. Is this supported?

    February 8, 2016 at 6:27 pm #579815
    Yigit

    Hey!

    Please refer to this post – https://kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/#post-283385

    Cheers!
    Yigit

    February 9, 2016 at 6:29 am #580137
    MarikaZoll

    That is more referring to text wrap of long menu items. My question is if there is a way to have 2 lines of menu.
    Thanks!

    February 9, 2016 at 12:31 pm #580341
    Vinay

    Hi!

    If you need the main menu in 2 lines you need to add some css as below

    
.av-main-nav > li > a {
    display: inline-block!important;
}

.main_menu {
    width: 500px;
}

.av-main-nav > li {
    height: 20px!important;
}

    Remove the underline effect from the enfold options it will look something like this

    Best regards,
    Vinay Kashyap

    February 9, 2016 at 4:36 pm #580447
    MarikaZoll

    Thanks Vinnie, when testing, it would be very hard for any touch screen to know if you are selecting the top item or bottom item since you have to touch very high to chose the top item. If you tap on one of the top menu items, you will most likely chose the line 2 item instead. Any suggestion to make the menu more tap-friendly?

    Another issue with the menu (one or 2 lines) is that it are converting to mobile menu too late so it will cover the logo for smaller displays, I changed the mobile menu to include tablets but I have still the same issue, see image Need Mobile Menu for larger widths. Can you help me so that the menu is changing to mobile menu earlier when I reduce the size of the display width?

    Thanks!

    February 10, 2016 at 11:11 am #580967
    Vinay

    Hi!

    Please add the below code to your quick css it will make the mobile menu appear at screen width of 1230px

    @media only screen and (max-width: 1230px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Cheers!
    Vinay Kashyap

    June 2, 2016 at 7:45 am #641885
    MarikaZoll

    Hi I am using the form with a number of check boxes. On the PC it looks good but on the mobile, the check boxes are not in line, see link below. Can I add some CSS text that would make the check boxes more straight on mobiles on portrait?

    June 2, 2016 at 1:01 pm #642023
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 480px) {
#top .avia_ajax_form input[type="checkbox"], .responsive .avia_ajax_form .form_element {
margin-left: 0 !important; }}

    Best regards,
    Yigit

    June 2, 2016 at 11:34 pm #642309
    MarikaZoll

    Thanks Yigit! That worked great!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Menu on 2 lines?’ is closed to new replies.