Joomla Templates Club 406,261 posts

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#877374

See: http://gcm.gpmnews.com/

At screen sizes below 766 pixels the blog article titles become single column with large spaces betweeen them. See screen shot below. How to fix the spacing?

---

Attachments:

1. 

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

#878267

Hi @timtecsa,

Try adding this code to custom.css file :

@media (max-width: 768px) {
     .articles-list.normal .article-item {
          padding-bottom: 40px;
     }
}

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#879577

Hi Adam, No luck. Still lots of white space.

http://gcm.gpmnews.com/

Tim

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

#879795

Hi @timtecsa,

There’s a problem in your custom.css file :

.home .jamasthead { display: none;}
}
@media (max-width: 768px) {
     .articles-list.normal .article-item {
          padding-bottom: 40px;
     }
}

remove the redundant closing bracket as below :

.home .jamasthead { display: none;}
@media (max-width: 768px) {
     .articles-list.normal .article-item {
          padding-bottom: 40px;
     }
}

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#879885

Thanks for spotting that. However, despite css now as below.

.home .jamasthead { display: none;}
@media (max-width: 768px) {
     .articles-list.normal .article-item {
          padding-bottom: 40px;
     }
}

still big white spaces:

---

Attachments:

1. 

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

#880501

Hi @timtecsa,

Try adjust the code :

@media (max-width: 768px) {
     .articles-list.normal .article-item {
          padding-bottom: 40px;
     }
}

as below :

@media (max-width: 768px) {
     .articles-list.normal .article-item {
          padding-top: 0;
          padding-bottom: 20px;
          min-height: 0 !important;
     }
     .articles-list.normal .article-item:first-child {
          padding-top: 40px;
     }
}

1 user says Thank You to Adam M for this useful post

1. timtecsa

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#880662

Hi Adam,

That did the trick. Except that the Mountain image has returned below my home page image. See the 2 screen shots below. Maybe related?

---

Attachments:

1. 
2. 

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#880827

I have now removed the mountain image which I found lurking in the templates/ja_mono/images folder. Now I see a big blue coloured space between the bottom of my Hong Kong harbour image and the INTRODUCING module. How to reduce/remove ?

---

Attachments:

1. 

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

#881680

Hi @timtecsa,

I checked your site and see that there’s a strange block of HTML code there, please recheck if you modified the module, this part is the cause of redundant space in your site.

---

Attachments:

1. 

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#881687

Hi Adam,

The only script change that I remember were were related to showing more logos. See Topic: https://www.joomlart.com/forums/topic/how-to-show-more-than-5-logos-in-ja-acm-clients-module/

The first one is related to the Extra Fields options in JA Masthead module.?

Tim

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

#881786

Hi @timtecsa,

Anyway, try adding this code to custom.css file to see if it can solve the problem :

.t3-masthead #ja-masthead {
     display: none;
}

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#881806

It certainly does, but ALL mastheads now awol except on Home, Contact and article pages. On many pages the little navigation icons sit now on white so are effectively invisible.

And the Search window seems to be inactive.

---

Attachments:

1. 

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

#883195

Hi @timtecsa,

I checked your site and see somehow you managed to fix it, could you please confirm your status ?

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#883489

Hi Adam, Yes it’s fixed with the custom.css you supplied but only after I re-installed the template to get rid of whatever was causing other problems. Thanks for you help.

Tim

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

#883640

Hi @timtecsa,

Glad to be of assistance. If you still have any question, please don’t hesitate to let us know.

Best regards,

Adam.

1 user says Thank You to Adam M for this useful post

1. timtecsa

[Author]

Posts