Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 23, 2018 at 6:04 pm #1037036
    vickilouisex

    Hello, I have been using this forum for ages to find out answers. Its usually fine without me posting.

    I do have to post for this issue I have.

    I want my Mobile menu to have this specific layout.

    Logo Center

    Cart right

    Burger Left

    I just want this to change on mobile, the desktop menu is fine for now.

    Thanks in advance

    November 26, 2018 at 10:46 am #1037584
    Nikko

    Hey vickilouisex,

    I have checked your site on my mobile device, however it seems you have already done it.
    Let us know still need further assistance.

    Best regards,
    Nikko

    November 27, 2018 at 1:46 pm #1037998
    vickilouisex

    Hello, I have managed to what I initially asked for. However, I would like some more support.

    I would like the mobile header to be sticky on mobile.

    Also I would like the header to be 60 pixels high on mobile.

    I did do this, but the padding was messed up through out the site. It was cutting into the top image/page.

    Also, I would LOVE to be able to add some more icons next to the cart. Such as login etc.

    I really like the Gucci header on mobile http://www.gucci.com

    I wish their was a easier way to build a header as I believe the industry standard has changed for eCommerce. There seems to be a trending style which I want to follow.

    I wish there was a easier way without CSS.

    I appreciate your help on this, this will be amazing if I can create a high quality header design on Enfold.

    Thanks

    November 28, 2018 at 2:58 pm #1038539
    Nikko

    Hi vickilouisex,

    Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

    As for now, I can only suggest adding this css code in QUick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
    .responsive #top #wrap_all #header {
        position: fixed !important;
    }

    .responsive #top #header_main .container {
        width: 100%;
        max-width: 100%;
        height: 60px !important;
        line-height: 60px !important;
    }

    .responsive #top #header_main .container .logo {
        height: 60px !important;
    }

    .responsive #top #header_main .container .logo img {
        max-height: 60px;
    }

    .responsive #top #header_main .container .main_menu {
        height: 60px;
        top: -10px;
    }

    .responsive #top #header_main .container #menu-item-shop {
        top: -10px;
    }

    .responsive #top #wrap_all #main {
        padding-top: 60px !important;
    }
}

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.