Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 11, 2015 at 7:12 pm #501859
    amester55

    I am having some problems changing the box size of the submenu – pulldown (not megamenu)
    I have a semi transparent header and have a semi transparent submenu but is there a way to have the box size adjust to the text of the sublinks? The box size is the same for all the pull-down menus right now.

    This is the code I have added to the quick CSS – is there something I can adjust or add?

    #header_meta { background-color: #ffffcc !important; opacity: 0.8;}

    .dropdown_available {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: DeepSkyBlue transparent transparent transparent !important;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: 0 auto;
    }

    .header_color .main_menu .menu ul li a, .header_color .main_menu ul ul { opacity: 0.8 !important;}

    September 12, 2015 at 7:38 am #501983
    Rikard

    Hi amester55,

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

    Regards,
    Rikard

    September 14, 2015 at 5:17 pm #502916
    amester55

    I have included the address under private content. If you could help me with one other thing besides the size of the boxes – I would like a rollover effect on the submenus so that the background behind the text changes color

    Thanks!

    September 15, 2015 at 11:30 am #503220
    Rikard

    Hey,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #top .av-main-nav ul a {
    width: auto !important;
}

    Best regards,
    Rikard

    September 15, 2015 at 4:12 pm #503443
    amester55

    That did not work – very strange result – please give alternative

    September 15, 2015 at 4:37 pm #503476
    amester55

    Just to elaborate – Could the pull down menu be the same size for all items – so the box should be one size – large enough to accommodate the largest link. The way it was originally the box was way too large for the links.

    September 15, 2015 at 4:44 pm #503483
    Yigit

    Hi!

    Please change the code to following one 

    #top .av-main-nav ul a {
    width: 100% !important;
}

    If that does not help, please post a screenshot of the issue and changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Cheers!
    Yigit

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