Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #974609

    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, 6 months ago by AusWeb.
    #974736

    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

    #975039

    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

    #975059

    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

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