Joomla Templates Club 406,261 posts

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#896970

I’ve noticed that when the browser window starts to get smaller, the top black menu gets huge (grows down) and despite it looks ugly, it hides some site’s info. I’ve checked and it does the same on your demo.

How can I solve this? Thanks

---

Attachments:

1. 
2. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#898678

Hi @rodro,

Somehow the result didn’t reflect correctly via iframe, please check with this url instead.

About your site, it’s because the main menu way too wide so it didn’t collapse correctly, try open file templates/ja_techzone/css/custom.css and add this code :

@media (min-width: 1200px)
    .navbar-toggle {
        display: none;
    }
}
@media (max-width: 1200px)
    #t3-mainnav .t3-navbar {
        display: none;
    }
    .navbar-toggle {
        display: block;
    }
}

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#898803

Hello.. It´s still the same..

I´m sending images of the link you sent, my site with a big window and my site with a shrink window.

Thanks

---

Attachments:

1. 
2. 
3. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#899790

Hi @rodro,

Just checked your site but I didn’t see the code in custom.css file, please add it there first.

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#904822

Hello.. I didn’t notice the answer..

I put the code but it didn’t work. I’m sending images, but I can’t keep the code on the public site.

Thanks. I still need help about it.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#905352

@rodro: I set the menu on your site to horizontal menu, but I could not see the problem on your site, you can give me the URL and dimension: width and height to get this bug. I will help you out

---

Attachments:

1. 

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#905895

Hello, thanks.. it’s http://www.trincadosport.com

The problem is when you shrink the browser window, it gets like that. I even get that problem on your demo site, the same. I tried on other computes and it looks the same, just when you make the window smaller.

I’m sending you 2 images from the same window with full width and smaller.

I don’t know how else I can explain it. Thanks

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#905984

I fixed the problem on your site with the solution below

Open templates/ja_techzone/css/custom.css file and add the new CSS style

@media screen and (min-width: 992px) {
    .navbar-default .navbar-nav > li > a {
        padding-right: 12px;
        font-size: 14px;
    }
}

@media  (min-width: 1200px) {
    .navbar-default .navbar-nav > li > a {
        padding-right: 30px;
        font-size: 16px;
    }
}

1 user says Thank You to Ninja Lead for this useful post

1. rodro

[rodro Friend rodroJoin date: November 2011Posts: 125Downloads:18Uploads:68 Thanks: 35 Thanked: 1 times in 1 posts]

#906510

WOW!!! Finally!!! Thanks a lot!!!! Thank you!

[Author]

Posts