Joomla Templates Club 406,261 posts

[gavner Friend gavnerJoin date: June 2008Posts: 142Downloads:213Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#192581

When i view my site on mobile version or iPad, the text at the top of the page does not resize the fit the screen, how can i adjust this ?

see site: http://thewhitehawk.co.uk

[gavner Friend gavnerJoin date: June 2008Posts: 142Downloads:213Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#513746

Can someone please advise?

[gavner Friend gavnerJoin date: June 2008Posts: 142Downloads:213Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#513797

Hello??? Anyone ??

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#513818

Hi,

The reason of this issue is that you use the <table> tag to display the texts at the top of page (custom), instead of <div>. By default of Joomla, the width of <table> is always defined to a fixed value that is why the texts and its section can not be responsive on tablet (iPad) and mobile.

Anyways, you can backup the files and try on these steps:

Go to templatesja_lenscss path:

– Open layout-tablet.css file and put below codes into:

table {
width: 100% !important;
height: auto !important;
}

#toolbar {
padding: 424px 0 20px;
}

– Open layout-mobile.css file and put these into:

table {
width: 100% !important;
height: auto !important;
}

#toolbar {
padding: 486px 0 20px;
}

– Open layout-mobile-portrait.css file and put these into:

table {
width: 100% !important;
height: auto !important;
}

#toolbar {
padding: 641px 0 20px;
}


Clear System cache and browser cache. These will help the texts at the top of page will look better on mobile and tablet view (iPad).

[gavner Friend gavnerJoin date: June 2008Posts: 142Downloads:213Uploads:2 Thanks: 3 Thanked: 2 times in 1 posts]

#513956

thank you i appreciate it

[Author]

Posts