-
AuthorPosts
-
October 10, 2019 at 4:01 pm #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
October 11, 2019 at 9:30 pm #1147265Hey mike.rav,
Well, if you have all the elements in place, we can try to help you with the css.
Best regards,
VictoriaOctober 12, 2019 at 6:10 pm #1147436Hi,
Thank you so much for the reply.
Please see what i did so far in the below screenshots:https://www.screencast.com/t/6b9MyEgwep
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.
October 16, 2019 at 1:47 am #1148247Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.