Joomla Templates Club 406,261 posts

[michelebugliaro Friend michelebugliaroJoin date: February 2014Posts: 36Downloads:0Uploads:8 Thanks: 17 Thanked: 4 times in 1 posts]

#196181

Hi, got a few latest issues with the mobile layout. Can you help me?

1. Logo: can I reduce slightly the width?

2. Home page: sometimes, just on the home page, the footer has a bigger font size and does not resize. Refreshing fixes the issue but I’d rather not have it.

3. Is it possible to have responsive buttons as well?

Thanks in advance!

---

Attachments:

1. 
2. 
3. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528258

1. Logo: can I reduce slightly the width?

i. Reduce the Logo size
ii. Upload the new logo image to this directory /templates/ja_puresite/images/logo-mobile.png
iii. Go to this file : /templates/ja_puresite/themes/swiss/css/layout-mobile.css

Replace this code


h1.logo a { background-image: url(../images/logo-trans.png); }

with


h1.logo a { background-image: url(../images/logo-mobile.png); }

logo-mobile.png is the New image you are going to reduce from the existing logo

2. Footer

– It seems ok at my side, best try clearing browser cache and check again

3. Is it possible to have responsive buttons as well?

– I think no, can you please post the link where the button image is

1 user says Thank You to chavan for this useful post

1. michelebugliaro

[michelebugliaro Friend michelebugliaroJoin date: February 2014Posts: 36Downloads:0Uploads:8 Thanks: 17 Thanked: 4 times in 1 posts]

#528259

1. Thanks for the tips. Can I do the same with the logo for tablet layout?
2. Sometimes it happens. Will clear cache.
3. Yep: http://www.michelebugliaro.com/en/free-stuffs/wallpapers-for-mac-pc (I asked this because of the portrait mode)

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528260

1. you already have a perfect logo for tablet , don’t touch that, work only on the mobile logo
2. Done
3. Go to this File : /templates/ja_puresite/themes/swiss/css/layout-mobile.css

Add this code


a.ja-typo-btn-icn span span {
font-size: 11px !important;
}

1 user says Thank You to chavan for this useful post

1. michelebugliaro

[michelebugliaro Friend michelebugliaroJoin date: February 2014Posts: 36Downloads:0Uploads:8 Thanks: 17 Thanked: 4 times in 1 posts]

#528385

<em>@michelebugliaro 418322 wrote:</em><blockquote>

2. Home page: sometimes, just on the home page, the footer has a bigger font size and does not resize. Refreshing fixes the issue but I’d rather not have it.

</blockquote>

Hi! Hate to trouble you, but tonight the footer modules again load with a font size of 16px. While my email could be shorter, I’d like to fix this issue.

[michelebugliaro Friend michelebugliaroJoin date: February 2014Posts: 36Downloads:0Uploads:8 Thanks: 17 Thanked: 4 times in 1 posts]

#528455

Update: maybe I fixed it. In layout-mobile.css (swiss theme) I added the following code:
body#bd {
font-size: 13px !important;
}

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528482

Glad you found it, Wonderful. Is there any more css fixes

1 user says Thank You to chavan for this useful post

1. michelebugliaro

[michelebugliaro Friend michelebugliaroJoin date: February 2014Posts: 36Downloads:0Uploads:8 Thanks: 17 Thanked: 4 times in 1 posts]

#528494

Not at the moment. 🙂

[Author]

Posts