Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 9, 2020 at 4:24 pm #1236295
    santanin

    Hi. I am using the Enfold Freelancer demo site and I am having a styling issue with the large main photo in the beginning of the site.

    It looks great on desktop and mobile view, but on a tablet, the photo has the bottom cut off, cutting off the chin and neck of the photo of the person I am using. I can change the CSS when using the Inspect tool on Google Chrome that allows me to lower the crop of the photo to make it look nice, but I can’t figure out how to transfer that CSS into my site.

    The Private Content section has a link to the website and a link to a photo showing the image being cut off in tablet view.

    The Tablet is a Samsung Galaxy S5e.

    Thank you so much!

    August 11, 2020 at 4:28 pm #1236699
    Victoria

    Hey santanin,

    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){
    #welcome.av-flex-cells .no_margin.avia-builder-el-1 {
        padding: 250px 0px 250px 0px !important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.