Joomla Templates Club 406,261 posts

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1084415

Hi guys,

Happy New Year for 2018. Thanks for the help in 2017 last whole year. However, I still need your help in the first working day of 2018. I must say sorry about this…:(

OK, here my problems come. As the 001 attachment, 001.mp4 and 001, 001-1jpg files. It shows 2 problems as below:

1. Just as my title, there is a unknown space between menu and the dropdown list.
2. When the menu is scrolled, it seems the toggle menu icon has the different height. Of course, the unknown space still exists..

As the 002 attachment, 002.mp4 and 002, 002-1jpg files. It shows similar problems as above: The unknown space is gone, but the different height of toggle menu icon still exists. Also, that different height issue exists when menu is scrolled.

I really can’t figure out how to solve those problems above.
The mp4 files is included in the zip attachment.

Do you have any better idea?

Luke

• This topic was modified 6 years, 10 months ago by  lukelee0223.
• This topic was modified 6 years, 10 months ago by  lukelee0223.

---

Attachments:

1. 
2. 
3. 
4. 
5. 
6. 
7. 

1. mp4.zip

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

#1084680

Hi
For the blank space, issue add below code in /css/custom.css file

.t3-mainnav .t3-navbar-collapse { top: 70px;}
@media (max-width: 767px){
.t3-mainnav .t3-navbar-collapse {
    top: 70px;
}}

It will fix the issues.

Regards

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1085477

Hi Pankaj Sharma,

Thanks. It seems almost fixed but still one issue exists.

As the attachment, during the mobile view, you can see there is a space still shown between the dropdown and mainmenu while the page is scrolled.

Do you have any idea to fix it?

Thanks.

Luke

---

Attachments:

1. 

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

#1085485

Hi
Can u check it in real mobile devices?
It seems you are checking it in the PC browser in resize the browser to small width.
Let me know in which mobile and browser you are facing this issue.

Regards

[lukelee0223 Friend lukelee0223Join date: September 2017Posts: 115Downloads:28Uploads:69 Thanks: 16]

#1085500

This reply has been marked as private.

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

#1085512

Hi
You have this code in custom.css file

.t3-header.affix .t3-mainnav, .t3-header.affix .logo, .t3-header.affix .fa-search {
    margin-top: -15px;
    height: 70px;
}

kindly change margin-top value to 7px.

Regards

[Author]

Posts