Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 19, 2017 at 10:39 am #823825
    _handson_

    Hi,

    I have 4 stars on the homepage standing next to each other. I enabled don’t show on mobile, but when the screen gets smaller, they first get to stand below each other, before they totally disappear. How can I change this, because now on a tablet for example they are showing, but standing under neath each other.
    Thank you!

    July 20, 2017 at 5:04 pm #824699
    Victoria

    Hey _handson_,

    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 (min-width: 768px) and (max-width: 1024px) {
  #av_section_1 .avia-builder-el-4  {
    margin-top: -15px!important;
    margin-bottom: 0px!important;
    padding: 0px 25px 0px 247px !important;
  }
}

    If you want to have the title and the stars on mobile as well, we can help you to adjust the styles for that. Just uncheck hide on mobile and get back to us.
    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.