Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1146883

    Hi,

    I would like to know how i can achieve the following:

    Let’s say that i have a mega menu with 3 columns.

    1st Column will hold some html text in one custom link element

    2nd column will some menu items (in bullet points as normal)

    3rd 2nd column will some menu items (in bullet points as normal)

    Now, how can i make the 1st column’s height equal with the other two lines?

    See here what i mean: https://www.screencast.com/t/Q8XLYHAlJzR5

    Please advice

    thank you

    #1147265

    Hey mike.rav,

    Well, if you have all the elements in place, we can try to help you with the css.

    Best regards,
    Victoria

    #1147436

    Hi,
    Thank you so much for the reply.
    Please see what i did so far in the below screenshots:

    https://www.screencast.com/t/6b9MyEgwep

    menu.PNG

    The first column holds a Custom Link element where i added the html for the text.

    The next columns holds some page elements.

    The first column actually takes the same height as the second column. That is what i actually needed.

    But I still need 2 things:

    1. The text of the 1st column’s custom link is not shown in the responsive menu. Why’s that?
    2. How can i make the whole submenu take the full main menu’s width?

    I am placing the website’s wp admin details in the private are if you need to investigate further

    Thank you so much in advance

    • This reply was modified 5 years, 1 month ago by mike.rav.
    #1148247

    Hi,

    Thank you for the inquiry.

    1.) The column title, which is where you added the custom text, is not going to be included in the mobile menu. On mobile, mega menus are converted to simple dropdowns without the columns. One solution is to create a copy of the custom text, include it in the mega menu column and hide it on desktop view so that it will only be visible on mobile view.

    2.) Can you give us a screenshot of what you’re trying to change? Please use imgur or dropbox for the screenshot.

    Best regards,
    Ismael

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