Public Forums 71,145 posts

[kiki90 Friend kiki90Join date: May 2014Posts: 1Downloads:0Uploads:1]

#198052

Hello all

I would like to ask if theres a way to change when the menu changes to toggle… basically I have quite a long menu and when the window reduces in size it takes two lines and I don’t like … also my side bar is empty … anyone knows why please (find pic attached)?

---

Attachments:

1. 

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

#536279

follow this userguide

it will help you in the menu configurations

[greinert Friend greinertJoin date: May 2014Posts: 21Downloads:5Uploads:3 Thanks: 9]

#544260

<em>@pankajsharma 428742 wrote:</em><blockquote>

follow this userguide

it will help you in the menu configurations</blockquote>

Same problem as cited above with my main menu …”basically I have quite a long [main] menu and when the window reduces in size it takes two lines and I don’t like”

Read the manual as requested.

Sorry, I don’t see the solution to this problem in the manual.

Can you offer a hint or some code to solve this problem?

Thanks.

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

#544262

Hello greinert can you tell us your iaaue. In the first post user sidnav is empty..
Is the same issue with u?
Is your sidnav/off canvas not working .
Please add a screenshot of your problem and tell us your issue. Alao share your working site url. So that i can take a look on it

[greinert Friend greinertJoin date: May 2014Posts: 21Downloads:5Uploads:3 Thanks: 9]

#544264

Issue is that main menu for my website which goes to two lines when screen shrinks a little in size. See attached screenshot.

Website is http://www.centerwoods.net.

You can duplicate this problem by visiting the website and then gradually reducing the size of the window in your web browser.

---

Attachments:

1. 

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

#544269

Hello
try this
add this css code in your custom.css

@media screen and (min-width: 991px) {
.navbar-default .navbar-nav > li {
margin-left: 18px;
}
}

it will decrease the menu items left margin … and will create space for 2nd line menu items .

Let me know if it helps

[greinert Friend greinertJoin date: May 2014Posts: 21Downloads:5Uploads:3 Thanks: 9]

#544326

Added suggested code to custom.ccss for Purity III template.

Sorry, this did not fix the problem.
Please view http://www.centerwoods.com and resize your browser screen to duplicate the problem – 2 lines. for the main menu.

Any other suggestions to fix the problem?

Thanks.

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

#544327

Hello can you PM me admin details of your site, so that i can check this on your site .

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

#544379

Hello please check your site now .
i added this code in custom.css file .
and now the menu are in single line .

@media screen and (min-width: 991px) {
.navbar-default .navbar-nav > li {
margin-left: 18px;
}
}


Clear your browser cache and check it

1 user says Thank You to Pankaj Sharma for this useful post

1. greinert

[greinert Friend greinertJoin date: May 2014Posts: 21Downloads:5Uploads:3 Thanks: 9]

#544429

Worked perfectly!
Thanks.

[Author]

Posts