-
AuthorPosts
-
swissa Friend
swissa
- Join date:
- November 2011
- Posts:
- 1955
- Downloads:
- 7
- Uploads:
- 277
- Thanks:
- 175
- Thanked:
- 717 times in 572 posts
October 4, 2012 at 5:14 pm #181194For dev guys as the site address is hidden
Hello guys
I’m having a problem with the top icons on ja-university on a tablet – landscape and mobile – landscape so I’d appreciate some help please. We all need help sometimes eh?!! :-[
They just don’t line up. Untested on an iphone as I don’t have one but my iPad and my MeeGo show weird.
All help gratefully received (roll on T3 on bootstrap!)
Merci!
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
October 5, 2012 at 5:22 am #469206I checked the link on your site and css files are supported mobile and tablet devices. This is your site screenshot.
swissa Friendswissa
- Join date:
- November 2011
- Posts:
- 1955
- Downloads:
- 7
- Uploads:
- 277
- Thanks:
- 175
- Thanked:
- 717 times in 572 posts
October 5, 2012 at 2:38 pm #469255Try it in http://www.responsinator.com/ and you’ll see what I mean.
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
October 8, 2012 at 7:52 am #469394This is screenshot from your URL on http://www.responsinator.com/ site
I tested your site with iPhone4 and iPaid2 but i could not find what the difference your mention. Please send me some screenshots for more details.
swissa Friendswissa
- Join date:
- November 2011
- Posts:
- 1955
- Downloads:
- 7
- Uploads:
- 277
- Thanks:
- 175
- Thanked:
- 717 times in 572 posts
October 8, 2012 at 10:09 am #469428Exactly – the icons, are not in a block. They have no style.
iphone
ipad landscape
-
Ninja Lead Moderator
Ninja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
October 8, 2012 at 12:20 pm #469445Yes, I found the problem on custom HTML module(Department list) on your site. Look at the screenshot
Please change it
From
<ul class="department-list">
<li class="icon-6"><a href="/services/get-online">Any website</a> <span class="department-name">Any websites</span></li>
<li class="icon-8"><a href="/services/multilanguage" title="We specialise in multi-lingual sites">Multi-lingual</a> <span class="department-name">Multi-Language<br></span></li>
<li class="icon-4"><a href="/services/responsive-design" title="We offer web design that is fully responsive on all media devices">Technology</a> <span class="department-name">Responsive</span></li>
<li class="icon-5"><a href="/services/mobile-ready" title="All our sites are designed for easy viewing on mobile devices.">Mobile Ready</a> <span class="department-name">Mobile Ready</span></li>
<li class="icon-3"><a href="/services/ecommerce" title="Our ecommerce solutions can help you increase your customer base and sales.">eCommerce</a> <span class="department-name">eCommerce<br></span></li>
<li class="icon-1"><a href="/services/full-service" title="We offer a full range of services for clients."><span style="text-align: center;"> Secure</span>Full Service</a> <span class="department-name">Full Service</span></li>
<li class="icon-7"><a href="/services/support" title="Our support continues long after we've built the site.">Support</a> <span class="department-name">Support</span></li>
<li class="icon-2"><a href="/services/pricing" title="A guide to our pricing.">Pricing</a><br><span class="department-name">Pricing<br></span></li>
</ul>Change to
<ul class="department-list">
<li class="icon-6"><a href="/services/get-online">Any website</a> <span class="department-name">Any websites</span></li>
<li class="icon-8"><a href="/services/multilanguage" title="We specialise in multi-lingual sites">Multi-lingual</a><span class="department-name">Multi-Language<br></span></li>
<li class="icon-4"><a href="/services/responsive-design" title="We offer web design that is fully responsive on all media devices">Technology</a><span class="department-name">Responsive</span></li>
<li class="icon-5"><a href="/services/mobile-ready" title="All our sites are designed for easy viewing on mobile devices.">Mobile Ready</a> <span class="department-name">Mobile Ready</span></li>
<li class="icon-3"><a href="/services/ecommerce" title="Our ecommerce solutions can help you increase your customer base and sales.">eCommerce</a><span class="department-name">eCommerce</span></li>
<li class="icon-1"><a href="/services/full-service" title="We offer a full range of services for clients.">Secure</a><span class="department-name">Full Service</span></li>
<li class="icon-7"><a href="/services/support" title="Our support continues long after we've built the site.">Support</a> <span class="department-name">Support</span></li>
<li class="icon-2"><a href="/services/pricing" title="A guide to our pricing.">Pricing</a><span class="department-name">Pricing</span></li>
</ul>
AuthorPostsViewing 6 posts - 1 through 6 (of 6 total)This topic contains 6 replies, has 2 voices, and was last updated by Ninja Lead 12 years, 1 month ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum
css on tablet and mobile icons not aligned
Viewing 6 posts - 1 through 6 (of 6 total)