- This topic has 11 replies, 2 voices, and was last updated 3 years, 6 months ago by Leo.
-
AuthorPosts
-
September 19, 2020 at 7:45 am #1449889Jennifer
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.pngOn this menu I used mega-menu-col-2
Thank you for your help π
September 19, 2020 at 8:59 am #1450082Jennifergot rid of this reply π
September 19, 2020 at 9:50 am #1450138LeoStaffCustomer SupportHi there,
Try using this option:
https://docs.generatepress.com/article/navigation-as-a-header/September 19, 2020 at 10:19 am #1450179JenniferYes 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.jpgSeptember 19, 2020 at 10:41 am #1450193LeoStaffCustomer SupportIf 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/September 19, 2020 at 11:03 am #1450210JenniferOkay thank you for that information.
Is there something wrong with using hooks to a add css per page or post or whatever I need?
September 19, 2020 at 11:06 am #1450213LeoStaffCustomer SupportIt’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-cssSeptember 19, 2020 at 11:34 am #1450242JenniferOkay 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.
September 19, 2020 at 11:59 am #1450259JenniferJust 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.pngSeptember 19, 2020 at 1:22 pm #1450308LeoStaffCustomer SupportHmm 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.
September 19, 2020 at 1:26 pm #1450311JenniferOkay great, thank you for all your help :)!!
September 19, 2020 at 1:26 pm #1450313LeoStaffCustomer SupportNo problem π
-
AuthorPosts
- You must be logged in to reply to this topic.