Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #522835

    Hi,
    I need to change the menu style.
    I want to have
    – logo on the left
    – center menu items
    – search icon and cart icon on the right (now cart icon is attached to the right window edge)

    What should I modify in helper-main-menu.php please?

    Thanks

    Kind regards
    M

    #522886

    Hi Mariusz!

    Does not it help when you choose “Logo center, menu below” option in Enfold theme options > Header and then use following code in Quick CSS?

    .html_header_top.html_logo_center .logo {
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    Best regards,
    Yigit

    #522892

    Hi Yigit,
    Thank you.
    No… not at all.
    Still I need to have menu element in the same line as logo as well as search and cart icon on the right in the box (cart icon unsticked from the edge).

    Thanks!

    #522904

    Hi!

    Can you please post the link to your website?

    Best regards,
    Yigit

    #522906

    Sure :)

    I returned to default settings.

    #522979

    Hey!

    Please add following code to Quick CSS

    @media only screen and (min-width:1024px) {
    nav.main_menu {
        left: 36%;
    }}
    .cart_dropdown {
        right: 30px;
    }

    You may need to adjust left value to center your menu perfectly

    Best regards,
    Yigit

    #522989

    Great… we are very close. Now The search icon should be on the right hand side, close to cart icon.

    #522997

    Hey!

    Please add following code to Quick CSS as well

    #top #menu-item-search { float: right; }
    nav.main_menu, .av-main-nav-wrap {
        width: 87%;
    }

    Best regards,
    Yigit

    #523003

    Thank you Yigit!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Centered menu items | search and cart icons on the right hand side’ is closed to new replies.