Topic: Responsive Padding | ThemeBurn Support

This topic has been marked as resolved.

Hey TB Is there an easy way to reduce padding (left right) on responsive view below 40px ? Using BE 107 This reply was modified 2893 days ago by steven2.	steven2
May 18, 2016 at 8:09 am #47697
I would also like know this.	vapeloft
May 23, 2016 at 8:15 am #47892
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!	TB Support
May 25, 2016 at 1:50 pm #48072
Hey TB This doesn’t work. What css.tpl file determines the responsive padding?	steven2
May 26, 2016 at 7:45 pm #48126
Hi, Padding is the same for all devices. There are no separate padding rules for small screens. The code we gave you is tested and works. It will set a maximum padding of 40. What is your target padding? BR, ThemeBurn team	TB Support
June 2, 2016 at 10:00 am #48300
10px	steven2
June 7, 2016 at 9:32 pm #48467
The problem is that on smaller screens this class takes action @media (max-width: 1179px) .tb_width_1100 #wrapper:not(.container) > .tb_content_fixed, etc etc etc min-width: 0; padding-left: 40px !important; padding-right: 40px !important;	steven2
June 9, 2016 at 1:16 am #48512
Hi, The code you’ve posted is used for setting offset from screen boundaries for small screens. Is this what you are trying to change? Or the padding everywhere? Maybe a screenshot will help us to better understand what you need. BR, ThemeBurn team	TB Support
June 9, 2016 at 10:13 am #48522
Correct im trying that on iphone or android the padding of the content is 10px rathen than 40px	steven2
June 21, 2016 at 12:25 am #48885
Hi, Can you try to use this code: @media (max-width: 768px) { #wrapper:not(.container) > .tb_width_fixed, #wrapper:not(.container) > .container, #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed) > .tb_width_fixed { margin-left: 10px !important; margin-right: 10px !important; } #wrapper:not(.container) > .tb_content_fixed, #wrapper:not(.container) > :not(.tb_content_fixed):not([class="tb_pl_"]):not([class="tb_pr_"]) > .tb_content_fixed:not([class="tb_pl_"]):not([class="tb_pr_"]), #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed):not([class="tb_pl_"]):not([class="tb_pr_"]) > div:not(.tb_separate_columns) .tb_content_fixed { padding-left: 10px !important; padding-right: 10px !important; } } Add the styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field. BR, ThemeBurn team	TB Support
June 21, 2016 at 12:58 pm #48902
it doesn’t work. Still got the 40px padding	steven2
June 30, 2016 at 8:10 am #49198
Doesn’t work for me either.	vapeloft
June 30, 2016 at 11:40 pm #49222
@steven2 @vapeloft We thought we could provide a fast solution without taking a look at the live example, but it seems we will need to have open your websites. Will also need a screenshot that shows which padding exactly you want to reduce. BR, ThemeBurn team	TB Support
July 6, 2016 at 5:40 pm #49386
Please have a look at the below image for reference:	vapeloft
July 21, 2016 at 8:47 am #49787
I was able to achieve the look I wanted by using this code… It seems to be working except on the footer.. the footer still show 40px? (see images below) /smaller padding on mobile, kinda working/ @media (max-width: 768px) { .tb_width_1200 #wrapper:not(.container) > .tb_content_fixed, .tb_width_1200 #wrapper:not(.container) > :not(.tb_content_fixed):not([class="tb_pl_"]):not([class="tb_pr_"]) > .tb_content_fixed:not([class="tb_pl_"]):not([class="tb_pr_"]), .tb_width_1200 #wrapper:not(.container) > :not(.container):not(.tb_width_fixed):not(.tb_content_fixed):not([class="tb_pl_"]):not([class="tb_pr_"]) > div:not(.tb_separate_columns) .tb_content_fixed { min-width: 0; padding-left: 10px !important; padding-right: 10px !important; } }	looserfoot
July 21, 2016 at 1:45 pm #49789