display problem

Hey troupdim,
If I understand correctly, you have two cells, each half page, one is the apple on top of stones.
When viewed as desktop it’s fine but as tablet the apple is too big?
To adjust this we will adjust the text cell to set the size of the image.
Try this code in the General Styling > Quick CSS field:

@media only screen and (min-width: 767px) and (max-width: 1023px) { 
.avia-builder-el-8 {font-size:50% !important;}
.avia-builder-el-7 {padding: 50px!important;}}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.avia-builder-el-8 {font-size:75% !important;}  
.avia-builder-el-7 {padding: 75px!important;}}
@media only screen and (max-width: 766px) { 
.avia-builder-el-12 {min-height: 450px !important; }}

This leaves desktop @ 100%, Laptop @ 75%, & tablet @ 50% For mobile view, since the cells are stacked, we will only make the image 450px high.

Best regards,
Mike

Hi,
Glad to hear,let us know if we can help more. Thank you for using Enfold.

Best regards,
Mike