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 10 replies, 3 voices, and was last updated 1 months ago ago by Andrew Mitchell

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

9 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

Please contact administrator
for this information.

#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.

Please contact administrator
for this information.

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
Please contact administrator
for this information.
#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

Tony Rodriguez

Support staff

February 12, 2025 at 06:36

Hello, @Goostaf,

Thank you for your response.

Please navigate to Xstore > Theme Options > Header Builder > Mobile menu > Dropdown Opening Action > OFF and publish it.

Please see the image for reference in the private content area.

We hope this will be helpful.

If you have any questions, please feel free to reach out.

Best regards,
8Theme Team

Please contact administrator
for this information.

#434096 Copied

Goostaf

Participant

February 12, 2025 at 09:06

Oh, thank you, you can do that, I will know, but for now I just want to make the arrows a little more visible for clicking, they are difficult to get to the user, or rather not the arrow itself, but the area behind it for clicking, if possible this

#434110 Copied

Tony Rodriguez

Support staff

February 12, 2025 at 11:04

Hello, @Goostaf,

Thank you for your response.

Unfortunately, it is not possible to modify the clickable area behind the arrows. However, we have already provided a possible solution in our previous response.

Thank you for your understanding.

Best regards,
8Theme Team

#434125 Copied

Goostaf

Participant

February 12, 2025 at 11:08

Got it, thanks, the thing is that the sections of the main we want to keep open too

#434127 Copied

Andrew Mitchell

Support staff

February 12, 2025 at 11:08

Dear Goostaf,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#434128 Copied
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘How can I add separator lines to menu items like you have in the demo and can I do it in the mobile’' has been successfully resolved, and the topic is now closed for further responses

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection