Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • urzh Friend

    I created some menu items on my site and they are not aligned and spacing too much. I would like them all aligned correctly and the extra space removed.

    Also, on mobile menu, you can see the sub menu items look strange?

    1. CapturFiles
    2. file-2
    Pankaj Sharma Moderator

    Open /css/custom.css file in the template folder and add this code

    .nav > li > .separator {    padding: 10px 0px; }

    Hope it helps


    urzh Friend


    I did this but not much has changed. Still seems unorganized.

    Pankaj Sharma Moderator

    Kindly remove older code and use this code

    .nav > li > .separator {
        padding-left: 0px;
        padding-right: 0px;

    It will work for sure


    urzh Friend

    Ah, thanks! It does look better. So for the title and search, can I somehow get this on same line for desktop view? you can see an overlap still with title bar.

    The mobile menu doesn’t look right to me still. Does it to you?

    1. CapturFiles-1
    Pankaj Sharma Moderator

    Its because the header height is more and it overflows on the content below
    add this code in the custom.css file to create padding

    .t3-mainbody { padding-top: 50px; }

    And for mobile view use this code

    .t3-mainnav .t3-navbar-collapse .navbar-nav > li > a {   padding-left: 0px;}


    urzh Friend

    Hello! This fixed desktop view!

    However, mobile child menu items are still hidden for me when I drop down the menu. Can you see this? (Screenshot)

    1. file
    Pankaj Sharma Moderator

    You have to scroll the menu to see the further drop-down menu in the menu dropdown.


Viewing 8 posts - 1 through 8 (of 8 total)

This topic contains 7 replies, has 2 voices, and was last updated by  Pankaj Sharma 1 year ago.

We moved to new unified forum. Please post all new support queries in our New Forum