Menu – full page width - by Namaste

This topic has 6 replies, 2 voices, and was last updated 3 years, 3 months ago ago by Rose Tyler

  • Avatar: Namaste
    Namaste
    Participant
    August 1, 2021 at 09:55

    Hi,

    I want my menu on desktop to be full page width after you click on menu item. Could you advice how to achieve effect from the screenshot?

    Thanks in advance.

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 1, 2021 at 11:00

    Hello,

    Please provide URL of page with your menu.

    Regards

    Avatar: Namaste
    Namaste
    Participant
    August 1, 2021 at 11:24

    Hi – so here is the page which menu I want to redesign.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 1, 2021 at 12:04

    Hello,

    Add the next code in Theme Options > Theme custom CSS > custom CSS for desctop:

    .item-design-mega-menu .nav-sublist-dropdown {
        left: 0 !important;
        margin: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
    }
    .item-design-mega-menu, .header-top, .header-main, .header-bottom, .header-wrapper .et_column.pos-static ~ .et_column:last-child {
        position: static;
    }

    Regards

    Avatar: Namaste
    Namaste
    Participant
    August 8, 2021 at 08:17

    Is there a way to built full width menu from scratch and not use a code?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 8, 2021 at 08:57

    Hello,

    No, unfortunately. You can submit a request about that here – https://www.8theme.com/taskboard/

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.