Hey TB
Is there an easy way to reduce padding (left right) on responsive view below 40px ?
Using BE 107
-
This reply was modified 2871 days ago by steven2.
|
|
I would also like know this.
|
|
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
|
|
Hey TB
This doesn’t work. What css.tpl file determines the responsive padding?
|
|
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
|
|
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;
|
|
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
|
|
Correct im trying that on iphone or android the padding of the content is 10px rathen than 40px
|
|
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
|
|
it doesn’t work. Still got the 40px padding
|
|
Doesn’t work for me either.
|
|
@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
|
|
Please have a look at the below image for reference:
|
|
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;
}
}
|
|