Public Forums 71,145 posts

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#1028119

Hello,

I’m using this template on a "Simple" home variant.

I have many menu’s and it automatically goes to the 2nd row because the width of the navigation area is 740px while the site width is 1200px.

How can I change the navigation area width to fit the site width?

Also, I’d like to change the font size of the navigation menu.

I’d appreciate your help in advance! Thank you!

P.S. Unfortunately, the site is now being developed offline and therefore, can’t give access information to ask for help online.

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

#1028371

Hi
The main nav using the span8. You can change the size from template layout configuration > Navigation tab.
Here: http://prntscr.com/f02jix

Regards

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

1. sushismb

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#1028995

Hello @pankaj Sharma

Thank you for your response. Your instruction worked to extend the navigation, thanks!

Now, I need to know how to change the FONTS of the navigation menu.

I’d appreciate your help again.

Thank you!

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

#1029001

Hi
Add below code in /css/custom.css file and change the font size as per needds

#mainnav .nav > li.active > a, #mainnav .nav > li.active .separator {
font-size:15px;}

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#1029069

Hello @pankaj Sharma

Thank you for your response.

The code works but ONLY on the selected menu. All other non-selected menu title size remains as default size. Meaning, this code doesn’t overwrite the default font size.

I’d appreciate your continuous help.

Thank you!

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

#1029078

Hi
Its working fine on my side. In this case, i have to check the style on your site.
Kindly share the URL of the site.

[sushismb Friend sushismbJoin date: October 2008Posts: 370Downloads:59Uploads:24 Thanks: 86 Thanked: 8 times in 1 posts]

#1031378

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]

#1031385

Hi
Use below code for non-active menu items.

#mainnav .nav > li > a, #mainnav .nav > li.separator {
font-size:12px;}

Regards

[Author]

Posts