Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 31, 2021 at 8:11 pm #1276608
    michless

    How I can make the logo really big on the left and the menu on the top to the right like this website (https://rialtomarkets.com/)? I cannot get this to work with Enfold 🙁

    February 1, 2021 at 4:00 am #1276655
    Jordan Shannon

    Hey michless,

    Please provide a link to your enfold site so we can look into this issue further.

    Best regards,
    Jordan Shannon

    February 1, 2021 at 4:10 am #1276663
    michless

    I have sent the info in the private content box.

    February 2, 2021 at 5:23 am #1276983
    Rikard

    Hi,

    Thanks for the update. There’s nothing like that in the theme by default, and creating it would take a long time, and would be considered out of scope of theme support. Please try looking for a third party solution, or plugin, which can implement that on your site.

    Best regards,
    Rikard

    February 2, 2021 at 8:13 am #1277008
    michless

    I managed to get the logo to be where I want using this code:
    #top #header #header_main .container.av-logo-container .inner-container {display: flex !important;}
    .logo {bottom:-100px;}
    .header-scrolled .logo { bottom: 0;
    }
    #top .main_menu .menu li > a {
    padding-top: 50px !important;
    }

    But my menu is too low. How can I get it to go to the top? Also, the sub menu’s are even lower and have too much of a space in between links.
    Thanks!

    February 7, 2021 at 7:53 pm #1278467
    Mike

    Hi,
    Sorry for the very late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.home #header.av_header_transparency .main_menu ul:first-child >li > ul, #top #header.av_header_transparency .main_menu .avia_mega_div > .sub-menu {
    top: 181px;
}
#top.home #header.header-scrolled .main_menu ul:first-child >li > ul, #top #header.header-scrolled .main_menu .avia_mega_div > .sub-menu {
    top: 91px;
}

    This will only work on your homepage unless you remove “.home”, it will move the sub-menu up before & after scroll.
    Please clear your browser cache and check.

    Best regards,
    Mike

    February 10, 2021 at 7:19 pm #1279586
    michless

    Thanks, the sub menu is now in it’s proper spot. BUT… how can I move the main menu to the top of the header section so it’s lined up with the top of the arrow section, see attached image
    https://www.dropbox.com/s/tfvtvq1b205vv4c/menu.jpg?dl=0

    February 13, 2021 at 10:55 pm #1280332
    Mike

    Hi,
    Sorry for the very late reply, and thanks for the screenshot, sorry I misunderstood about the main menu location.
    I was going to try again but the login is not working and the site seems to be in maintenance mode. Please check.

    Best regards,
    Mike

    February 15, 2021 at 8:37 pm #1280636
    michless

    Hello, please try the login again, I have enabled the user id for you, Thanks!!!

    February 17, 2021 at 1:36 pm #1281721
    Mike

    Hi,
    Sorry for the late reply and thanks for the login, so I added this css:

    #top.home #header.av_header_transparency .menu-item-top-level > a {
height: 50px !important;
line-height: 50px !important;
}

    and I adjusted this css from “181px” to “50px”:

    #top.home #header.av_header_transparency .main_menu ul:first-child >li > ul, #top #header.av_header_transparency .main_menu .avia_mega_div > .sub-menu {
    top: 50px !important;
}

    Now the main menu items before page scroll, are near the top, similar to your mockup, and after page scroll the main menu item are centered to the logo image and menu container.
    Please see the screenshot in the Private Content area.
    Please clear your browser cache and check.

    Best regards,
    Mike

    February 18, 2021 at 4:17 am #1281927
    michless

    Looks like it’s perfect now, thank you so very much!!!!!

    February 19, 2021 at 6:39 am #1282129
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in there forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Logo on the left and large menu on the top right’ is closed to new replies.