Home › Forums › WoodMart support forum › Mega menu paddings
Mega menu paddings
- This topic has 13 replies, 2 voices, and was last updated 6 days ago by Hung Pham.
-
AuthorPosts
-
May 8, 2024 at 2:54 pm #564142
hrabanekjakubParticipantHello,
could you please help me change the padding between Main Categories example “Rukavice” and the sub categories like “boxerské rukavice”.
Image included.
Thank you!
Attachments:
You must be logged in to view attached files.May 9, 2024 at 8:54 am #564277
Hung PhamKeymasterHi hrabanekjakub,
Thanks for reaching to us.
Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.wd-dropdown-menu .wd-sub-menu li>a { padding-top: 18px; padding-bottom: 18px; }
Regards,
May 9, 2024 at 9:24 am #564287
hrabanekjakubParticipantThanks you. This code affects everything though. Is there a way to be able to affect only the space between the main category and the subcategories? And also a code to be able to affect only paddings between subcategories?
May 9, 2024 at 9:43 am #564292
Hung PhamKeymasterHi hrabanekjakub,
Please provide URL of the mentioned page, so I can take a closer look.
Regards,
May 9, 2024 at 12:57 pm #564400
hrabanekjakubParticipantI’m including the URL in Extra informations. thank you
May 10, 2024 at 9:47 am #564606
Hung PhamKeymasterHi hrabanekjakub,
To assist you in the best possible manner, I kindly ask that you provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient and I can give you more better assist.
Regards,
May 10, 2024 at 9:50 am #564608
hrabanekjakubParticipantHello Huang,
I’m including it in the private content.
Thank you.
May 12, 2024 at 3:51 am #564923
Hung PhamKeymasterHi hrabanekjakub,
First of all, I’m really sorry have taken long time to reply you due to the weekend.
Please remove previous code and use below one:
.wd-dropdown-menu .wd-sub-menu.mega-menu-list li>a { padding-top: 50px; padding-bottom: 50px; }
Regards,
May 12, 2024 at 9:55 am #564948
hrabanekjakubParticipantHello Hung, like I mentioned. This code changes it globally throughout the megamenu. I need the code to affect only the space between Main category and Sub categories. Thank you
May 12, 2024 at 7:51 pm #565026
Hung PhamKeymasterHi hrabanekjakub,
The code applies to first and second menu items only because these are mega menu that have list menus inside. Or you want to apply code to specific item only?
Regards,
May 12, 2024 at 8:00 pm #565028
hrabanekjakubParticipantHello, I have included an image. The code affect every item and this is what happens. I have marked with red square the padding I would like to affect separately. Green squares between sub categories can be fixed to the theme default but would also be great to have control over it (separately from the red square gap). Is it possible? Thanks.
Attachments:
You must be logged in to view attached files.May 14, 2024 at 8:59 am #565361
Hung PhamKeymasterHi hrabanekjakub,
First of all, I’m really sorry have taken long time to reply you due to the weekend.
Please remove previous one and use below:
/* For the Heading menu item */ .wd-dropdown-menu .wd-sub-menu.mega-menu-list > li > a { padding-top: 50px; padding-bottom: 50px; } /* For the sub-sub menu item */ .wd-dropdown-menu .wd-sub-menu.mega-menu-list ul.sub-sub-menu > li > a { padding-top: 20px; padding-bottom: 20px; }
Regards,
May 14, 2024 at 9:06 am #565364
hrabanekjakubParticipantThis works great. Thank you
May 14, 2024 at 9:44 am #565381
Hung PhamKeymasterHi hrabanekjakub,
Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!
If you have a quick minute we always appreciate a 5-star rating on our theme!
https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492
Your feedback is the motivation to improve our work and services.
Regards,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register