[vasikk]

Hello,
Can I add a line separator to the menu? I have a 2-line MENU and I like to split the lines.
I tried it by adding a custom link (URL = # Text “________”), but it’s not nice.

[Mahesh]

@vasikk: Please post in your site url.

Regards,
Mahesh

[vasikk]

Hi, @Mahesh.
I’m trying to test Web.
I would later applied to this site.

Thank you for your response Vasikk

[Mahesh]

@vasikk: On your first site, remove all the ‘_’ from the <a> tag. Then go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1445 {
    width: 100%;
}

#menu-item-1445 > a {
    clear: both;
    display: block;
    border-bottom: 1px solid #ccc;
    width: 105%;
    margin-left: -35px;
}

Regards,
Mahesh

[vasikk]

No change has occurred. Line is not displayed :(.

There can be problems with adjustment for bbPress theme?
Child theme BOX.com

[Mahesh]

@vasikk: You’ve removed the <a> tag with ‘_’, I meant you to remove the ‘_’ only. And idk why do you have repeated menu items? Please fix that first. Let me know further.
There can be problems with adjustment for bbPress theme?
Please clarify more on this.

Regards,
Mahesh

[vasikk]

I removed the duplicate items from the menu. I deleted”____”,
I added the code to the CSS, but I do not see the change.
As far as bbpress is concerned, I used the following code for full layout page.

.bbpress #main { width: 93,5%; }
.bbpress .sidebar-primary { display: none; }
.bbpress #secondary
{
display: none;
}

.bbpress #primary
{
width: 100%;
}

Can not there be a problem with this code?

EDIT:

I tried this code again (I deleted it from you) and it looks like I’m approaching the goal. Just replace the dots behind the line.

.menu-access-wrap #access ul.menu li, .menu-access-wrap #access-secondary ul.menu li, .menu-access-wrap #access-footer ul.menu li {
    border-bottom: 1px dotted #eee;
}

[Mahesh]

@vasikk: Just checked your site, you seem to have solid border now.

Regards,
Mahesh

[vasikk]

Yes, it was enough to replace the word dotted for solid in the above-mentioned code.
But on the second site it’s a bit angry (the menu is not centered), so I’ll look at it later.
Regards Vasikk

[Mahesh]

@vasikk: Let me know further so that I can help you if required.

Regards,
Mahesh

[vasikk]

If they can ask for help, thus centering the Menu.
I tried a couple of local forums code, but either break down menu, or the change to take effect.
It is also possible conflict with the plugin Menu Icons by Dzikri Aziz…
I’ll try to menu icons still deliver as symbols.

Screen

[Mahesh]

@vasikk: Add the following CSS:

#access ul.menu li, #access-secondary ul.menu li {
    float: none;
    display: inline-block;
}

.main-navigation.menu-focus {
    text-align: center;
}

cccc
Regards,
Mahesh

[vasikk]

Excellent! Thanks a lot!

Regards,
vasikk

[Mahesh]

@vasikk: I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review? Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.
https://wordpress.org/support/theme/catch-box/reviews/#postform

Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know.

Regards,
Mahesh

[vasikk]

Dear Mahesh,
If I had a good English, I would write 100 lines of praise :D.

Praise yours Tehmes and support it’s the smallest thing I can do!

[Mahesh]

@vasikk: Thank you so much for your valuable review and rating. I have read your comments. They were really helpful. I greatly appreciate you took the time to write them. Have a nice day! Thank you!

Regards,
Mahesh

[Author]

Posts