Joomla Templates Club 406,261 posts

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#664690

Hi Guys,

I just noticed that one of the buttons on my top navigation bar does not appear when you look at my site on an ipad. I have attached a screenshot

Is there away I can maybe make the top navigation buttons appear over two lines when in ipad mode as I still have a couple more to add which will be fine in the desktop view but not so good if they cannot be viewed on an ipad.

Jim

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#664903

Hi @origomedia,

May I know your site url so I can have a look first ?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#746405

Hi @origomedia,

May I know your site url so I can have a look first ?

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#665057

Hi Adam,

Sorry I thought it was visible from the screenshot.

http://www.vivaasiamagazine.com

Jim

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#746461

Hi Adam,

Sorry I thought it was visible from the screenshot.

http://www.vivaasiamagazine.com

Jim

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#665078

Hi @origomedia,

Please open file /templates/ja_teline_v/css/custom.css then add this code :

@media (max-width: 1024px) {
.t3-topnav .nav > li > a {
padding: 0 30px;
}
}

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#746482

Hi @origomedia,

Please open file /templates/ja_teline_v/css/custom.css then add this code :

@media (max-width: 1024px) {
.t3-topnav .nav > li > a {
padding: 0 30px;
}
}

[Author]

Posts