-
AuthorPosts
-
nsca Friend
nsca
- Join date:
- March 2012
- Posts:
- 247
- Downloads:
- 102
- Uploads:
- 51
- Thanks:
- 66
- Thanked:
- 15 times in 3 posts
April 22, 2015 at 5:14 am #205738Hello!
Having a problem with menu in responsive versions (medium screen).
How actually is:
How should it be:
As you can see, the menu looks disassembled. How can i resolve it?
Thank you in advance
-
Saguaros Moderator
Saguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
April 23, 2015 at 3:07 am #567970Do you have any URL?
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
April 23, 2015 at 3:07 am #733076Do you have any URL?
nsca Friendnsca
- Join date:
- March 2012
- Posts:
- 247
- Downloads:
- 102
- Uploads:
- 51
- Thanks:
- 66
- Thanked:
- 15 times in 3 posts
April 23, 2015 at 4:18 pm #568068Yes, sorry:
informeconstruccion.com
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
April 24, 2015 at 2:53 am #568128Hi nsca,
With the current number of menu items of the main menu, the width of the medium screen is not enough to display them all in one line so that it breaks down to the second line.
Our demo has less menu item and it shows fine: http://demo.t3-framework.org/joomla30/index.php/en/
As I can see that you’ve already customized style for the main menu, you can add additional style for this menu in medium screen. You can use the media jQuery to add specific style for specific screen resolution. For example with tablet – medium screen:
@media (min-width: 768px) and (max-width: 992px) {
/* Your style goes here*/
}
nsca Friendnsca
- Join date:
- March 2012
- Posts:
- 247
- Downloads:
- 102
- Uploads:
- 51
- Thanks:
- 66
- Thanked:
- 15 times in 3 posts
April 25, 2015 at 4:17 am #568266<em>@Saguaros 470112 wrote:</em><blockquote>Hi nsca,
With the current number of menu items of the main menu, the width of the medium screen is not enough to display them all in one line so that it breaks down to the second line.
</blockquote>
Ok. But why my main menu are duplicated? How can i hide all the menu items in medium screen like this?:
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
April 25, 2015 at 10:17 am #568279You can take a look at this thread: http://www.joomlart.com/forums/topic/adjust-menu-for-ipad-layout/#post-525992
nsca Friendnsca
- Join date:
- March 2012
- Posts:
- 247
- Downloads:
- 102
- Uploads:
- 51
- Thanks:
- 66
- Thanked:
- 15 times in 3 posts
April 27, 2015 at 12:32 pm #568479Thank you for your answer.
But im not using .less, please could you tell me where to change this?
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
April 29, 2015 at 9:04 am #568783You can go to the file: ROOT/templates/css/custom.css (create this file if it doesn’t exist) and add this css rule:
@media (min-width: 768px) and (max-width: 1024px) {
.t3-navbar-collapse.navbar-collapse.collapse {
display: none !important;
}
}
1 user says Thank You to Saguaros for this useful post
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
April 29, 2015 at 9:04 am #733876You can go to the file: ROOT/templates/css/custom.css (create this file if it doesn’t exist) and add this css rule:
@media (min-width: 768px) and (max-width: 1024px) {
.t3-navbar-collapse.navbar-collapse.collapse {
display: none !important;
}
}
1 user says Thank You to Saguaros for this useful post
nsca Friendnsca
- Join date:
- March 2012
- Posts:
- 247
- Downloads:
- 102
- Uploads:
- 51
- Thanks:
- 66
- Thanked:
- 15 times in 3 posts
April 30, 2015 at 5:37 am #568898Thank You Saguaros! You are the best!
AuthorPostsViewing 11 posts - 1 through 11 (of 11 total)This topic contains 11 replies, has 2 voices, and was last updated by Saguaros 9 years, 7 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum