0
Votes
Undo
  1. crimle
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Thursday, 12 December 2019
  5.  Subscribe via email
Hi Ciaràn

I have an issue on one of my websites. See URL... On a PC screen everything is ok. On a mobile phone, there is a considerable margin between the «maincontent» text and the module «J51_ThumbsGallery» placed in position «sidecol-2b». See attached screenshot.

Thank you and kind regards
Chris
Attachments (1)
References
  1. https://elementa-soulofnature.ch/bodyart-training
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

You appear to have a blank 'custom' module in one of your contentbottom module positions. This is the cause of a large portion of this space. Have you a particular need for this module?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

hmmm - you are right. There is such a module indeed. I do not remember the reason for creating it. So I just removed it (also from trash) but surprisingly, the space remains the same. Do you have another idea?

Thank you and kind regards
Chris
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chris

Try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and ( max-width: 767px ) {
.maincontent {
padding-bottom: 0;
}
.sidecol-a:first-of-type .module:first-of-type .module_surround,
.sidecol-b:first-of-type .module:first-of-type .module_surround {
padding-top: 0;
}
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

YES!!! You solved it. Glad it looks good now.

Thank you very much and kind regards
Chris
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!