Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 27, 2021 at 11:07 pm #1284182
    RGDesign

    Not sure if this has been brought up… can’t find topic on it.

    https://kriesi.at/documentation/enfold/mega-menu/
    I followed the mega menu setup to add an image to one of the columns > instead want to add text in the image place. Easy enough!

    Screenshot of our mega menu > https://ibb.co/82z8bH4
    What I want to do is have the “JR High Ministry” menu to the right of the text column. Can I have one of the “This is the Ministry About Text” do a row span 2 so all of the other navigation aligns to the right?

    What the text to move from below the column to the right of the first column. https://ibb.co/P4V80VM

    • This topic was modified 3 years, 8 months ago by RGDesign.
    March 3, 2021 at 2:32 am #1284918
    RGDesign

    Any ideas how to accomplish this. I have tried messing with the CSS to try and get it rowspan but nothing is working.

    March 7, 2021 at 11:51 am #1286172
    Victoria

    Hi RGDesign,

    Best regards,
    Victoria

    March 8, 2021 at 7:34 pm #1286531
    RGDesign
    This reply has been marked as private.
    March 10, 2021 at 2:24 am #1286946
    RGDesign

    So a small but not reliable fix is a custom class on the menu li element.
    .menu-2 {float:right !important; left:50px !important;}
    I would like if possible for the navigation titles to align without the class. Do you know of a way to do that?

    March 13, 2021 at 8:48 pm #1288048
    RGDesign

    Any ideas how to get the 2nd row to align to the right of the description box and still float left? I forced the 2nd row to float right but the alignment is off?

    March 14, 2021 at 8:17 pm #1288122
    Mike

    Hi,
    Thank you for your patience, I believe you would like the menu items lined up like in the screenshot in the Private Content area, please note the red lines.
    I created the screenshot by injecting this css in my browser:

    #menu-item-99 {
    left: 60px !important;
}
#menu-item-97 {
    left: 30px !important;
}
#menu-item-96 {
    left: 10px !important;
}

    If the screenshot is correct, then please try the css and clear your browser cache.

    Best regards,
    Mike

    March 20, 2021 at 2:08 am #1289291
    RGDesign

    Mike thank you – this is what I want accomplished but without having to modify every sub-navigation layout.
    Is there any way to have the 2nd row auto align? And have the far left column be a span of 100%?

    I am trying to mimic this using enfold https://ibb.co/CBhFFJV

    March 20, 2021 at 9:17 pm #1289367
    Mike

    Hi,
    Thank you for your feedback, so I tried to recreate your mega menu on my localhost so I could try so different solutions to achieve your layout and on my first attempt, pure luck, I believe I did achieve this:
    2021-03-20_145738.jpg
    this is the backend view:
    2021-03-20_150336.jpg
    So I believe the difference is that you are adding the “This is the Ministry About Text” text as the discription and not the menu title, but I’m not sure as I haven’t logged in to your menu.
    Please give this tweak a try and let us know if this helps.

    Best regards,
    Mike

    March 22, 2021 at 6:52 pm #1289686
    RGDesign

    MIKE! Got me close enough – adding the extra column that is blank is what pushed everything over to give it the feel I wanted. I was able to still have the “description” text as before. With some css edits to a custom class I can get it to look like we want.
    Screen-Shot-2021-03-22-at-10-48-31

    Thank you!

    March 23, 2021 at 4:55 am #1289754
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    March 26, 2021 at 2:26 am #1290466
    RGDesign

    Jordan – this can be closed.

    March 26, 2021 at 2:04 pm #1290569
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Mega Menu – description text on the left and navigation on the right of text’ is closed to new replies.