Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 21, 2018 at 3:39 pm #1012809
    hazelallturf

    Hi,

    I am trying to make some changes to the dropdown menu of my fullwidth sub menu.

    1. I would like the submenu to span the width of the screen so the position doesn’t change for each menu item.
    2. The submenu is over lapping the fullwidth menu by a couple of pixels I can’t seem to lower this.
    3. Set the border colour of the menu item selected & under hover.

    Cheers!

    September 24, 2018 at 9:47 pm #1013866
    hazelallturf

    Hi is there anyone that can help with this?

    September 24, 2018 at 11:51 pm #1013911
    Basilis

    Hi,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    September 24, 2018 at 11:57 pm #1013917
    hazelallturf

    Hi Basillis,

    That’s unfortunate.

    Would you be able to give me the exact way to reference this dropdown in my CSS so I can play around with sorting this myself?

    Many thanks,

    September 25, 2018 at 3:13 pm #1014220
    Victoria

    Hi hazelallturf,

    Best regards,
    Victoria

    September 25, 2018 at 3:56 pm #1014249
    hazelallturf

    Hi Victoria,

    Thanks for the code – I have managed to find the html -> #top .av-subnav-menu > li ul a {

    This is the section I want to make 100% width and central on the page?

    Is this complicated like Basillis mentioned or is this easy to give me the code to make this happen?

    Appreciate all the help.

    Cheers

    September 25, 2018 at 6:48 pm #1014378
    Victoria

    Hi hazelallturf,

    I cannot seem to get the menu to stretch.

    I was trying to go to the pages of this sub-menu but most links go 404. So I cannot see if the menu items get the current menu item class. Is there a working link?

    Best regards,
    Victoria

    September 26, 2018 at 11:26 am #1014668
    hazelallturf

    Hi Victoria,

    Didn’t manage to get the drop down lower – it is still overlapping the submenu border line?

    The Gift shop link works and goes through to a page but as the others are set up as product categories and you can’t add a submenu to these pages I am not able to change any.

    What exactly can I do to help with you being able to solve this? I plan on making these links go to pages – can I add any that will help or is The Gift Shop good enough?

    Really appreciate the help

    September 26, 2018 at 7:50 pm #1014967
    Victoria

    Hi hazelallturf,

    Yes, thank you for pointing to the Gift shop page.

    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-subnav-menu > li ul {
    top: 52px;
}
#sub_menu1 .current-menu-item .avia-menu-text {
  color: red;
}
#sub_menu1 .current-menu-item  {
  border-bottom: 1px solid red;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 27, 2018 at 9:05 pm #1015518
    hazelallturf

    Hi Victoria,

    With the correct code I managed to create what I am after with the following:

    #top .av-subnav-menu > li ul {
    top: 53px;
    position: fixed;
    width: 100%;
    left: 0%;
    margin: 0 auto;
    }

    How would I get these menu items to be displayed horizontally rather than vertically? I’ve enabled mega menu?

    Cheers

    September 28, 2018 at 5:02 pm #1015800
    Victoria

    Hi hazelallturf,

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

    Best regards,
    Victoria

    September 28, 2018 at 10:11 pm #1015937
    hazelallturf

    Hi Victoria

    I’ve posted below.

    I’m also trying to get the page to dim when I hover over this submenu – would you be able to look at this as well?

    Many thanks,

    September 29, 2018 at 5:13 pm #1016092
    Victoria

    Hi hazelallturf,

    Here is a thread for you to consider

    Horizontal Sub Menu's

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 29, 2018 at 7:33 pm #1016147
    hazelallturf
    This reply has been marked as private.
    October 3, 2018 at 3:41 am #1017307
    Ismael

    Hi,

    Did you hide the main menu? I can only see a full width sub menu in there. You cannot use a mega menu in a full width sub menu element.

    Best regards,
    Ismael

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