padding change on phone display - Support | Kriesi.at

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
December 8, 2020 at 11:18 pm #1265867

barabasone
Participant

Hi dear enfold support,

pls change my padding on the phone display, because it is not responsive, and it doesn’t look good. I put a black rectangle where it is too much.
I put links of http://imgur.com on private content below

best regards
barabasone

December 8, 2020 at 11:46 pm #1265880

Victoria
Inactive Moderator

Hey barabasone,

Which page are you having this issue on?

Best regards,
Victoria

December 9, 2020 at 12:04 am #1265882

barabasone
Participant

HI

the page is called biography

best regards

barabasone

December 9, 2020 at 6:08 pm #1266039
Victoria
Inactive Moderator
Hi barabasone,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
@media only screen and (max-width:767px){
    #top.page-id-1147  #av-layout-grid-1 .flex_cell.no_margin.av_one_third.avia-builder-el-11,
     #top.page-id-1147  #av-layout-grid-3 .flex_cell.no_margin.av_one_third.avia-builder-el-28,
      #top.page-id-1147  #av-layout-grid-5 .flex_cell.no_margin.av_one_third.avia-builder-el-42,
       #top.page-id-1147  #av-layout-grid-4 .flex_cell.no_margin.av_one_third.avia-builder-el-35 {
        display: none;
        padding: 0 !important;
    }
    .responsive #top #wrap_all .av-flex-cells .no_margin {
        padding: 60px!important;
    }
}
```
If you need further assistance please let us know.

Best regards,
Victoria
December 9, 2020 at 6:24 pm #1266050

barabasone
Participant

Hello Victoria,

it worked out perfect, it looks very good,

thank you very much!

it is almost finished my responsive design on my website, I still have 2 issues,

I put the link in the private content

could you pls adjust the responsive design to the text ( on the mobile phone display)
waist, shoes, hips ,hair,, – right alightment as the rest of the text and the same line spacing.
the page is called Welcome

best regards
barabasone

December 9, 2020 at 6:28 pm #1266054

barabasone
Participant

Hello Victoria,

its also ok or maybe better without the same line spacing,
pls exclude line spacing and just use the right alignment of the words instead

have a nice day

barabasone

December 9, 2020 at 9:10 pm #1266121
Victoria
Inactive Moderator
Hi barabasone,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
 @media only screen and (max-width:767px){
     .home #after_section_2 .av_textblock_section .avia_textblock,
     .home #after_section_2 .av_textblock_section .avia_textblock p {
         text-align: right !important;
     }
 }
```
If you need further assistance please let us know.

Best regards,
Victoria
December 9, 2020 at 10:00 pm #1266136

barabasone
Participant

HI Victoria , thank you for the css update,
hm,the1st text has too much distance, lets make it like that,
pls put the first section text in 2 columns, one left align ,one rightalign, pls bring the 2second section description text than upwards, keep 1 cm distance between the upper text.
i sent you the imgur link below

December 10, 2020 at 9:00 pm #1266382

barabasone
Participant

HI Victoria , thank you for the css update,
hm,the1st text has too much distance, lets make it like that,
pls put the first section text in 2 columns, one left align ,one rightalign, pls bring the 2second section description text than upwards, keep 1 cm distance between the upper text.
i sent you the imgur link below

December 11, 2020 at 7:37 pm #1266624

barabasone
Participant

HI Victoria,
couldn’t you resolve the issue?

best regards

December 12, 2020 at 6:04 pm #1266790

barabasone
Participant

HI Victoria

i am so disappointed about the enfold support
i have been trying for days to have a new css for the text alignment I put all linkns and edited photos on imgur, but maybe I was just forgotten.

pls lets close this thread ill open a new one,

December 15, 2020 at 10:00 pm #1267562

Victoria
Inactive Moderator

Hi barabasone,

Please refrain from replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

Did you get it working for you or do you still need our help with the issue?

Best regards,
Victoria

December 16, 2020 at 12:47 am #1267624

barabasone
Participant

Hi Victoria

thanks for telling me, I didn’t know it sorry
ok ill do as you told me, and ill be waiting patiently,

HI Victoria ,
hm,the1st text has too much distance, lets make it like that,
pls put the first section text in 2 columns, one left align ,one rightalign, pls bring the 2second section description text than upwards, keep 1 cm distance between the upper text.

i sent you the imgur link below

View post on imgur.com

best regards
barabasone

December 16, 2020 at 12:50 pm #1267794
Victoria
Inactive Moderator
Hi barabasone,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
@media only screen and (max-width: 767px)
.responsive #top.home #wrap_all #after_section_2 .av_one_fifth:not(.avia-builder-el-24) {
    width: 45%;
    min-height: 80px;
    margin-bottom: -20px;
}
```
If you need further assistance please let us know.

Best regards,
Victoria
December 16, 2020 at 7:11 pm #1267919

barabasone
Participant

Hi Victoria,

I looked at my mobile display and it looks very fine!

thank you very much
lets close this thread

best regards
barabasone

December 17, 2020 at 2:16 am #1267980

Nikko
Inactive Moderator

Hi barabasone,

We’re glad to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko
Author

Posts

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘padding change on phone display’ is closed to new replies.