Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 9, 2018 at 2:42 pm #924510
    tonyplanet

    How can I create a Menu like “Fullwidth Sub Menu” but without fullwidth. Just using the width of the page and not using the fullwidth with sidebar?

    Best regards
    Tony

    March 10, 2018 at 7:20 am #924848
    Rikard

    Hey Tony,

    I’m not sure I understand what you mean by that, do you mean that you want it to have the same width as your container width? Please post a link to where we can see the page in question so that we can have a closer look.

    Best regards,
    Rikard

    March 12, 2018 at 9:37 am #925388
    tonyplanet

    Hi Rikard

    Correct I would like to have the submenu not full width but in the container.

    I send you two links in the private Content for explanation.

    Best Regarfds
    Tony

    March 12, 2018 at 1:54 pm #925509
    tonyplanet

    In addition to above is it possible to change color of the submenu for the activ link (a) ? like with the main menu with the li.active-partent-item >a ?

    March 14, 2018 at 7:59 pm #926797
    Vinay

    Hi,

    You cannot place the full-width elements inside columns. However, If you like to add a menu below the slider please perform the below steps.

    1. Add your slider on the page where you want it ( inside column).
    2. Add the full-width menu element below the column in which slider is there.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
    NOTE: Please change the background color and width to suit your design it is only for visualisation.

       #top .av-submenu-container {
    max-width: 500px;
    background: gold;
}

    Best regards,
    Vinay

    March 16, 2018 at 4:27 pm #928159
    tonyplanet

    Hi Vinay

    Tried it but it did not really work it was not just below the slide show which was inside the column. However I did the design with the fullwidth submenu.

    But there is another question: How can I have the menu item highlighted when the page is active?

    March 19, 2018 at 3:37 pm #929100
    Vinay

    Hi,

    I have tested the code on your site and it works fine. Please refresh the cache or deactivate any caching plugin after adding the below CSS to view the changes.

    /* Current menu item */
.av-subnav-menu .current-menu-item ,
.av-subnav-menu .current-menu-item a,
.av-subnav-menu .current-menu-item a .avia-menu-text {
background:#000!important;
color:#FFF;
}

   #top .av-submenu-container {
    max-width: 850px;
    background: gold;
    left:50%;
    transform:translateX(-50%);
}

    Best regards,
    Vinay

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