Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 5, 2019 at 3:56 pm #1134461
    FeedXL2019

    Hello. On my page I have added a color element. At desktop screen widths, there is some space between the thumbnail image and the previous element (screenshot). But at mobile screen widths (>768 px), there is no space between the thumbnail image and the previous element (screenshot). Is there a way within the theme/page builder to add some top padding to the element at these screen widths? Or would I have to simply add my own custom CSS?

    Thanks.

    September 6, 2019 at 7:29 pm #1135098
    Victoria

    Hey FeedXL2019,

    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 .avia-image-container {
      margin-top: 20px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 7, 2019 at 10:49 am #1135300
    FeedXL2019

    OK thanks, that worked. We can consider this resolved.

    September 7, 2019 at 6:41 pm #1135458
    Nikko

    Hi FeedXL2019,

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

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to add top padding to color section at mobile screen widths?’ is closed to new replies.