Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 12, 2018 at 6:18 pm #896644
    govus

    Hello! A couple of questions how to edit little details about menu behavior:

    – We have a menu with dropdown items, one of which has more sub-items. The sub-items are appearing on the left side, if we really wanted these to appear on the right, how to achieve this?

    – The one item in dropdown list that has more sub-items, doesn’t have any indication that more sub-items are available. Is there a way to have some sort of indication, like a small arrow or similar?

    Pleaes see the demo site in private content. Thanks!

    January 15, 2018 at 12:08 am #897256
    Basilis

    Hey govus,

    1. You can use a text-align CSS rule, to make it work out.
    2. You can use the ::after for the elements and add content: CSS rule that indicates the existence of the icon.

    Let us know if there is something else we can do.

    Best regards,
    Basilis

    January 15, 2018 at 2:02 am #897286
    yuyulg

    need help ? i need to make full width submenu transparent and after I need to make that full width submenu appear to place of the main menu when i scroll down how can i do this please

    January 15, 2018 at 5:39 am #897378
    Rikard

    Hi yuyulg,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 15, 2018 at 6:20 am #897393
    yuyulg
    This reply has been marked as private.
    January 15, 2018 at 6:53 am #897400
    yuyulg
    This reply has been marked as private.
    January 15, 2018 at 11:22 am #897474
    govus

    Hi! I meant that the whole menu item box is appearing on the left side (SSN-> Projektit -> Älä jää yksin). How could we have it appear on the right? Text aligned to left is fine.

    edit: I found a solution for the submenu arrow-question, it was solved with this code:

    .menu li > a:after { content: ‘ ▾’; }
    .menu li > a:only-child:after { content: ”; }

    Still interested in having submenu-boxes appear on the right side, thanks!

    • This reply was modified 6 years, 10 months ago by govus.
    January 17, 2018 at 8:57 am #898335
    Victoria

    Hi govus,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    The sub-items normally appear on the right. Did you make any customizations?

    Best regards,
    Victoria

    January 17, 2018 at 9:07 am #898337
    Victoria

    Hi yuyulg,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    January 17, 2018 at 10:40 am #898369
    govus

    Hey Victoria, sure thing, see private section

    January 18, 2018 at 9:05 am #898938
    Victoria

    Hi govus,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av-main-nav ul ul {
    left: 207px;
}
#header.header-scrolled.header-scrolled-full .av-main-nav ul {
    top: 100%;
}
#header.av_header_transparency .av-main-nav ul {
    top: 70%;
}

    But bringing the sub menu close has many more consequences, that will need to be adjusted.

    If you need further assistance please let us know.

    Best regards,
    Victoria

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