Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 19, 2018 at 3:57 am #974609
    AusWeb

    Hi, we have a problem with our sites constantly, where on the fullwidth slider, on mobile the buttons are half hidden. See screenshot.

    We’ve been hiding the slider on mobile and having a mobile-only hero section but this is not ideal.

    Is there code we can add to make the button show properly?

    http://i68.tinypic.com/w2ly5z.jpg

    • This topic was modified 6 years, 5 months ago by AusWeb.
    June 19, 2018 at 12:17 pm #974736
    Victoria

    Hey xansdesign,

    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: 479px) {
  .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
      padding-top: 37px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 990px) {
   .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
      padding-top: 7px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 20, 2018 at 12:41 am #975039
    AusWeb

    HI Victoria,
    Thank you – I have added the code and it has fixed the issue.
    You suggested adding the code to themes/enfold/css/custom.css.
    Would it be best to add this to our Child Theme’s style.css? This is where I have added it.
    Can you please confirm the best place to add our custom css in the future. The Enfold custom.css vs our Child Theme?
    Thanks.
    Kevin

    June 20, 2018 at 3:12 am #975059
    Mike

    Hi,
    Your child theme style.css would be the best place. I’m sure Victoria was assuming that you were not using a child theme.
    Glad to hear you are, and that the solution was a success.
    Unless there is anything else we can assist with, shall we close this then?

    Best regards,
    Mike

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