Tagged: ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • September 22, 2017 at 6:58 pm #855516
    newtonlinchen

    Hello,

    I noticed a “box” around the mega menu links (sublinks?)

    This “box” is superposed to the transparent mega menu structure, and it’s quite unpleasant to see.

    How can I remove it?

    Regards,

    Newton

    September 22, 2017 at 8:14 pm #855551
    Jordan Shannon

    Hey newtonlinchen,

    Did you try setting up the css for this on your own? If so please comment it out so we can see if there is a class conflict.

    Best regards,
    Jordan Shannon

    September 22, 2017 at 9:34 pm #855594
    newtonlinchen

    No, I didn’t mess with the CSS. I’m not a coder, just an user.

    September 24, 2017 at 5:47 am #855947
    Rikard

    Hi,

    This is the CSS which is currently applying, please change it to your liking:

    .sub-menu {
    background-color: rgba(35,40,45,0.5);
}

    Best regards,
    Rikard

    September 24, 2017 at 7:07 am #855958
    newtonlinchen

    This is so frustrating.

    None of these css codes are making any difference.

    I should be able to send you a print of the website and what I’m talking about.

    I will upload the printscreen to Dropbox and put in the private content.

    Newton.

    September 24, 2017 at 5:12 pm #856093
    Victoria

    Hi Newton,

    I don’t see the boxes you’re referring to, did you figure out how to remove them?
    Here is the code for the sub-menu color:

    
#top #wrap_all #header ul.sub-menu * {
     color: antiquewhite;   
}

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

    September 25, 2017 at 12:56 am #856276
    newtonlinchen

    Please, how can I make you guys understand?

    I’ll post here another printscreen, to see if it helps.

    1. I need the header (subheader, or mega menu) to have the behavior as in the picture A, which is: no different background color in the sublinks;

    2. The only way I could manage to do that was by having the Logo Area background color as rgba(…,…,…,0.0), as in picture B;

    3. I was able to create a nice “darker” effect on the sublinks (picture C, sublinks hover) with the settings as in the picture D;

    4. All was well… But then, when I scroll down to a white background, the header completely disappears (picture E);

    5. The way to solve this is altering the settings of the Logo Area background color (picture F);

    6. As you can see in picture G, it works well;

    7. But, it creates this nasty, ugly “boxes” around the sublinks on the mega menu (picture H);

    8. I just want to get rid of these dark boxes in the back of the mega menu sublinks!

    And I don’t know how to do this, because, as I showed above, if I mess with it, the header goes white.

    By the way, the header settings for font color when the header is transparent, is not working (picture I). It should make the links have that color, but they remain white.

    Sincerelly, if you need any more input to understand my problem, I really wouldn’t know what to do!

    Regards from Brazil. Forgive my poor English.

    Newton.

    September 25, 2017 at 2:47 pm #856488
    Jordan Shannon

    Hi,

    I understand the issue and I see the boxes. But, what I am asking is for you to put the menu back to default so we can work this from the beginning and get it set up properly.

    Best regards,
    Jordan Shannon

    September 25, 2017 at 2:50 pm #856489
    newtonlinchen

    Ok, right away. Is there any chance we could do this via chat?

    But, how can I put the menu back to default, without losing all the customization (color) I have?

    September 25, 2017 at 3:04 pm #856495
    Jordan Shannon

    Hi,

    This would have to be done via the forum. It seems to be a class conflict to me. The styles applied to the main menu seems to have been applied to the submenu items which explains the “box” around the sub-menu items. If possible please share admin info so I can log in and look into this further.

    Best regards,
    Jordan Shannon

    September 25, 2017 at 3:44 pm #856529
    newtonlinchen

    OK, the info is in private.

    September 26, 2017 at 3:41 pm #856978
    newtonlinchen

    Jordan,

    I know you must be very busy at this Enfold forum, but I really need your help with this issue.

    Since I gave you the admin info, I didn’t hear from you again.

    I really need your help with the issues I mentioned… Can you help me?

    My time for delivering this site is running out!

    :/

    September 26, 2017 at 5:13 pm #857022
    Jordan Shannon

    Hi,

    I added the following to quick css and it seems to have solved the issue. Please test to confirm.

    #top #header.header_color.av_header_transparency .av-main-nav  li  a .avia-menu-text{
color:#fff!important;
}

#header_main,  .header_color .main_menu ul {
background:rgba(0,0,0,0.5)!important;
}

.sub-menu .sub-menu:nth-child(2) {
background:transparent!important;
}

#top #header .mega_menu_title a{
color:#fff!important;
}

    Best regards,
    Jordan Shannon

    September 27, 2017 at 12:19 am #857195
    newtonlinchen

    Jordan,

    It didn’t help.

    It made the background of the mega menu completely white, and what I wanted was it to remain transparent, with the hover effect of rgba(35,40,45,0.4).

    What a mess. I never had so much trouble with Enfold before. It’s getting to my nerves.

    Please correct what I need, acording to the instructions and printscreens available.

    September 27, 2017 at 12:47 am #857206
    newtonlinchen

    THIS THREAD HAS BECOME SO FRUSTRATING!

    THIS THEME WILL NOT DELIVER!

    F#@#$#@CK!

    September 27, 2017 at 12:50 am #857208
    newtonlinchen

    I think I worked this out: what WOULD fix it is: having a different color for the HEADER when it SHRINKS.

    Is this possible?

    September 27, 2017 at 12:53 am #857210
    newtonlinchen

    OR, BETTER:

    I’m using a Transparent an Glassy Header.

    But when the header shrinks, it should not be transparent anymore. It should be colored.

    That’s what would fix it.

    Is this possible?

    September 28, 2017 at 1:22 am #857755
    newtonlinchen

    Hello,

    I’m using a Transparent and Glassy Header.

    But when the header shrinks, it should not be transparent anymore. It should be colored.

    That’s what would fix it.

    Is this possible?

    September 28, 2017 at 12:07 pm #857977
    Victoria

    Hi newtonlinchen,

    What you’re describing is a default behavior, but probably the changes to the header styles broke it.
    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

    
#header.header-scrolled.header-scrolled-full, #header.header-scrolled {
  background-color: #666;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 28, 2017 at 1:26 pm #858025
    newtonlinchen

    Victoria,

    YOU JUST SAVED MY LIFE!

    THANK YOU VERY, VERY, VERY, VERY, VERY MUCH!

    Regards from Brazil.

    PS: Problem solved. Can end the thread. : )

    September 28, 2017 at 2:18 pm #858063
    Jordan Shannon

    Hi,

    If you need additional help let us know in the forum.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Mega Menu Links’ is closed to new replies.