Joomla Templates Club 406,261 posts

[abcorp Friend abcorpJoin date: January 2013Posts: 15Downloads:69Uploads:2 Thanks: 1 Thanked: 5 times in 1 posts]

#894364

Hi,
We would like to display the mainmenu aligned in center and under the logo.
What part of code shall we modify in "header.php" to get this work?
Shall we modify anything else in template CSS?
Thank you for your help
Alexander and Dominique
AB Corp International

---

Attachments:

1. 

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

#894380

Hi
You can use inspect element tool and check the style like here > http://prntscr.com/aaqi5z

.t3-mainnav {  padding-left: 75px; }

Apply class using Media query to adjust the padding for different screen-size .
I also saw you change the col-lg size of main nav in header.php file to col-lg-15 i suggest you to change it to 10 . total size in bootstrap is 12 .

[abcorp Friend abcorpJoin date: January 2013Posts: 15Downloads:69Uploads:2 Thanks: 1 Thanked: 5 times in 1 posts]

#894406

Hi Pankaj,
Thanks for taking time to reply to our case.
Unfortunately, we still unable to get the mainmenu display in center under the logo.
Can you set it for us please?
Yours,
Alexander

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

#894512

Hi
You need to add this code in custom.css file

.t3-mainnav { padding-left: 75px; }

and increase the value of 75 px as per your needs . You need to apply custom style to apply different padding value for different screen size using Media queries so u can maintain the responsiveness of template , this is a custom work you need to do .

[Author]

Posts