Archived topic
Mega menu drop down not full width
11 replies · Started by Jennifer on September 19, 2020
Hello,
I added the mega menu css code but noticing on the drop down it is only about 30%. How do I make it full width? On your example it shows full width.
https://docs.generatepress.com/article/building-simple-mega-menu/
See images
https://livinghisword.org/wp-content/uploads/2020/09/megamenuGP.png
On this menu I used mega-menu-col-2
Thank you for your help :)
got rid of this reply :)
Hi there,
Try using this option:
https://docs.generatepress.com/article/navigation-as-a-header/
Yes that worked, thank you so much :).
-----------------------------
One question if I may ask it hear. I think I found a simple way to add images and text to the mega menu. What is your opinion concerning accessibility and any issues with your theme?
What are your thoughts of coding it like this? Any help would work.
Website: http://www.livinghisword.org
See images below of what I am doing, thank you.
https://livinghisword.org/wp-content/uploads/2020/09/megamenuMenuSection.png
https://livinghisword.org/wp-content/uploads/2020/09/cssCodeforMM.png
https://livinghisword.org/wp-content/uploads/2020/09/results-for-mega-menu.jpg
If it works for you then I don't see any issues.
CSS should be added using one of these methods and not with element though:
Adding CSS: https://docs.generatepress.com/article/adding-css/
Okay thank you for that information.
Is there something wrong with using hooks to a add css per page or post or whatever I need?
It's just not common practice to add CSS to wp_head.
If you need to add CSS for specific pages, you can use the metabox that comes with the Simple CSS plugin:
https://docs.generatepress.com/article/adding-css/#simple-css
Okay interesting.
I have added the wp_head to load css for certain pages and thought this would be best instead of one long css file of css I do not use on each page. I do add css to the child theme if it is for the entire site.
Can you recommend some reading material of where you got your information because I would like to learn more about it, thank you.
Just added the simple css plugin and did a test css. It added this css to the wp_head. So I am lost at your wording. Can you help me understand, thank you.
See images
https://livinghisword.org/wp-content/uploads/2020/09/added-code-to-wphead2.png
https://livinghisword.org/wp-content/uploads/2020/09/added-code-to-wphead.png
Hmm that case I guess the element would work.
If you don't see any issues with it then you can stay with that way if you prefer.
Okay great, thank you for all your help :)!!
No problem :)
