-
AuthorPosts
-
testcouch Friend
testcouch
- Join date:
- October 2013
- Posts:
- 155
- Downloads:
- 0
- Uploads:
- 45
- Thanks:
- 30
- Thanked:
- 9 times in 1 posts
August 17, 2014 at 8:07 pm #200585hi, how can i reduce the padding for left/right on mobile view without a horizontal scroll bar!?
/bootstrap-responsive.css
@media (max-width: 767px) {
body {
padding-left: 10px;
padding-right: 10px;
}see screenshot joomlart demo
Nazario A FriendNazario A
- Join date:
- April 2013
- Posts:
- 1183
- Downloads:
- 0
- Uploads:
- 406
- Thanks:
- 91
- Thanked:
- 284 times in 263 posts
August 18, 2014 at 10:03 am #546336I tested our demo and your site on my mobile, but I did not get the error as you mentioned.
chavan Friendchavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
August 18, 2014 at 10:21 am #546344you are right.
Do that in this File: templates/ja_social_t3/css/themes/responsive/bootstrap-responsive.css
testcouch Friendtestcouch
- Join date:
- October 2013
- Posts:
- 155
- Downloads:
- 0
- Uploads:
- 45
- Thanks:
- 30
- Thanked:
- 9 times in 1 posts
August 18, 2014 at 11:02 am #546356<em>@Chavan 441781 wrote:</em><blockquote>you are right.
Do that in this File: templates/ja_social_t3/css/themes/responsive/bootstrap-responsive.css</blockquote>
that’s the same file wich already tried with no luck 😉
I need a Code wich works!?
chavan Friendchavan
- Join date:
- October 2014
- Posts:
- 4612
- Downloads:
- 0
- Uploads:
- 110
- Thanked:
- 1440 times in 1290 posts
August 18, 2014 at 1:35 pm #546378Then Replace this code
@media (max-width: 767px) { body { padding-left: 10px; padding-right: 10px; }
with
@media (max-width: 767px) { body { padding-left: 4px; padding-right: 4px; }
Do that in this File: templates/ja_social_t3/css/themes/responsive/bootstrap-responsive.css
testcouch Friendtestcouch
- Join date:
- October 2013
- Posts:
- 155
- Downloads:
- 0
- Uploads:
- 45
- Thanks:
- 30
- Thanked:
- 9 times in 1 posts
August 18, 2014 at 2:53 pm #546389code above produce also a horizintal scroll bar with safari browser! 10px or 4px makes here no difference..there must be a additional css query
@nazarioA thanks for your screenshots but you must change padding in bootstrap-responsive.css with firebug from 20px to 10px or 4px to see the scroll bar issue! please remove the screenshot from my site above 😉
Nazario A FriendNazario A
- Join date:
- April 2013
- Posts:
- 1183
- Downloads:
- 0
- Uploads:
- 406
- Thanks:
- 91
- Thanked:
- 284 times in 263 posts
August 19, 2014 at 3:32 am #546477Here is solution for you:
– Open file: /templates/ja_social/css/custom.css (if not exists, pls create new one), then add this rule:
@media (max-width: 768px){
body {
padding-right: 10px;
padding-left: 10px;
}.t3-footer {
margin-left: -10px;
margin-right: -10px;
}.t3-header {
margin-left: -10px;
margin-right: -10px;
}
}* You should add your custom code into file /templates/ja_social/css/custom.css, it will help you keep your customization stay intact when updating your template.
Let me know if this helps
1 user says Thank You to Nazario A for this useful post
testcouch Friendtestcouch
- Join date:
- October 2013
- Posts:
- 155
- Downloads:
- 0
- Uploads:
- 45
- Thanks:
- 30
- Thanked:
- 9 times in 1 posts
AuthorPostsViewing 8 posts - 1 through 8 (of 8 total)This topic contains 8 replies, has 3 voices, and was last updated by testcouch 10 years, 4 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum