Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 18, 2022 at 12:14 pm #1345047
    pistachiouk

    Hello,
    We have a website using Enfold and we have styled the top header so that each “button” is a different colour. We added the styling using span in the mega menu and it works fine but it disapears after a few days.

    Example here

    Menu code screen shot – click here

    Any ideas why it does this? and is there a better way of achieving this so that it will stay in place as it is causing big problems with a charity.
    Thanks very much
    Marie

    • This topic was modified 2 years, 8 months ago by pistachiouk.
    March 18, 2022 at 1:40 pm #1345068
    Ismael

    Hey Marie,

    Thank you for the inquiry.

    The main menu looks exactly like the screenshot when we checked the site. Is this still an issue?

    Have you tried using the ID attribute to style the menu item instead of creating a new span tag?

    Example:

    #menu-item-2062 {
   /* add styles here */
}

    The css above should adjust the style of the BECOME A FUNDRAISING PARTNER menu item.

    Best regards,
    Ismael

    March 18, 2022 at 1:42 pm #1345071
    pistachiouk

    Thank you so much for getting back to me! I was working on this on behalf of a colleague.

    But I think I have sorted it by removing the span and changing some code to make the css class work. Only issue i have now is making the top menu stretch across the top of the screen on mobile.

    • This reply was modified 2 years, 8 months ago by pistachiouk.
    March 18, 2022 at 3:11 pm #1345099
    Rikard

    Hi,

    Thanks for the update. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
#header_meta .container {
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
}
}

    Best regards,
    Rikard

    March 18, 2022 at 3:13 pm #1345101
    pistachiouk

    Thanks so much for your help!

    Its all sorted now :-)

    March 20, 2022 at 9:20 pm #1345296
    Mike

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Top menu styling disapearing after a few days’ is closed to new replies.