Public Forums 71,145 posts

[urzh Friend urzhJoin date: April 2016Posts: 25Downloads:1Uploads:13]

#1081581

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?

armenianchurchmusic.org

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1081824

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

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

Hope it helps

Regards

[urzh Friend urzhJoin date: April 2016Posts: 25Downloads:1Uploads:13]

#1081981

Hi!

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

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1082057

Hi
Kindly remove older code and use this code

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

It will work for sure

Regards

[urzh Friend urzhJoin date: April 2016Posts: 25Downloads:1Uploads:13]

#1082192

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?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1082290

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

Regards

[urzh Friend urzhJoin date: April 2016Posts: 25Downloads:1Uploads:13]

#1082425

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)

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1082530

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

Regards

[Author]

Posts