Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #115462
    vasikk
    Participant

    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.

    #115484
    Mahesh
    Keymaster

    @vasikk: Please post in your site url.

    Regards,
    Mahesh

    #115553
    vasikk
    Participant

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

    Thank you for your response Vasikk

    #115599
    Mahesh
    Keymaster

    @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

    #115612
    vasikk
    Participant

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

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

    #115633
    Mahesh
    Keymaster

    @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

    #116348
    vasikk
    Participant

    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;
    }

    null

    #116371
    Mahesh
    Keymaster

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

    Regards,
    Mahesh

    #116401
    vasikk
    Participant

    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

    #116445
    Mahesh
    Keymaster

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

    Regards,
    Mahesh

    #116489
    vasikk
    Participant

    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

    #116496
    Mahesh
    Keymaster

    @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

    #116523
    vasikk
    Participant

    Excellent! Thanks a lot!

    Regards,
    vasikk

    #116532
    Mahesh
    Keymaster

    @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

    #116547
    vasikk
    Participant

    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!

    #116570
    Mahesh
    Keymaster

    @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

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Menu – Line separator’ is closed to new replies.