Public Forums 71,145 posts

[adamsangala Friend adamsangalaJoin date: February 2016Posts: 2Downloads:1Uploads:2 Thanks: 1]

#883770

I have set in theme Large desktop width=1600px, but cannot see menu items, search icon ….. on right side on smaller screens (1300px – and down) and musthead module is "short" too. Page is http://www.povodne.sk, and screenshot of the right top corner in smaller screen sizes…

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#883944

Hi adamsangala,

In which device can I replicate the issue? Did you experience the same with our demo site here? http://purity_iii.demo.joomlart.com/

P/s: pls do not test the responsive feature with resizing browser which sometime doesn’t bring expected result.

[adamsangala Friend adamsangalaJoin date: February 2016Posts: 2Downloads:1Uploads:2 Thanks: 1]

#883965

Its notebook (something between 1280 and 1340px wide screen). I found solution in bootstrap.css: line 421-434 / @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 1311px) { .container { width: 1280px; } } @media (min-width: 1644px) { .container { width: 1600px; } and now i can see other items, but i have still problems, when resizing, megamenu is "poping out" from navbar and covering part of masthead on home page. If i have 3 items in menu, before pop up colapse (for small screen), but for more items is too wide and pop out…so, i need solution for more items. On demo site is template narrow and have only 4 items (top level) , i have on xamp demo, after adding 8 items, same problem.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#884224

I get your point but due to the design of this template, having so much items on menu will not look nice. In case that you want to use more items, the only solution is to reduce the font-size and space between items. You can use editor like Firebug and customise this.

If you want to apply specific style for specific screen resolution, try to use Media Queries

[Author]

Posts