Return to previous page

How can I add separator lines to menu items like you have in the demo and can I do it in the mobile

This topic has 5 replies, 2 voices, and was last updated 7 hours, 32 minutes ago ago by Goostaf

Goostaf

Participant

February 10, 2025 at 22:53

How can I add separator lines to menu items like you have in the demo and can I do it in the mobile catalog?

Files is visible for topic creator and
support staff only.

#433979 Copied Theme version: 9.4.7

4 Answers

Tony Rodriguez

Support staff

February 11, 2025 at 06:31

Hello, @Goostaf,

Thank you for contacting us and for using XStore.

Yes, it is possible to add separator lines to menu items by using the custom CSS **border-top** property. You can find more details about this property at the following link:
https://www.w3schools.com/cssref/pr_border-top.php

Alternatively, please provide the URL of the page where you would like to add separator lines to the menu. This will allow us to review the page and provide you with the appropriate custom CSS code to resolve your issue.

Best regards,
8Theme Team

Content is visible for topic creator and
support staff only.

#433992 Copied

Goostaf

Participant

February 11, 2025 at 11:58

we would like to make the main catalog and the submenu drop-down menu as you have shown in your example.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#434030 Copied
Tony Rodriguez

Support staff

February 11, 2025 at 12:55
Hello, @Goostaf,

Thank you for your response.

Kindly try adding the following custom CSS code in **XStore > Theme Options > Theme Custom CSS > Global CSS

.et_b_header-menu .secondary-menu-wrapper ul.menu li { border-bottom: 1px solid #c7c7c7; }

We hope this solution is helpful. Please let us know if you need any further assistance.

Best regards,
8Theme Team
Content is visible for topic creator and
support staff only.
#434037 Copied
Goostaf

Participant

February 11, 2025 at 22:20

Super, thank you!

Can you also tell me how to increase the click area around the drop-down arrow? It is very small and difficult to get into it, clicked section usually, I tried to make the font larger and indent like this: div.mobile-menu-content .open-child {
font-size: 8px;
padding: 15px; but the arrow becomes very big, and I just want to increase the click area without increasing the arrow itself.

Files is visible for topic creator and
support staff only.

#434088 Copied
Viewing 5 results - 1 through 5 (of 5 total)