Recent
Categories
View Replies (3)

Smaller content padding on mobile

0
Votes
Undo
  1. Tompakidf2
    Tompakidf2
  3. Commercial Templates
  4. Friday, 18 September 2015
  5.  Subscribe via email
Hello,
I believe it is important for me to be able to have smaller padding for the main content class="maincontent" on mobile devices. The current padding is too big. Do you have any suggestion on how to fix this?

Regards,
Ach
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
HI Ach

Would you have a URL to an example of your content? The solution would vary slightly depending on your template.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Tompakidf2
Tompakidf2
Accepted Answer Pending Moderation
0
Votes
Undo
It is http://www.athensairporttaxi.com and the template Joomla51 Central
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ach

To amend try adding the following to the Custom CSS field of your templates parameters (edit to taste - default 35px)..


@media only screen and (max-width: 767px) {

.maincontent {

    padding-left: 20px;

    padding-right: 20px;

}

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


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