Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 21, 2017 at 6:54 am #749745
    kjwaggz

    I’ve read the other threads on this topic, and each of the custom CSS solutions didn’t work. When i re-size my desktop browser window, the text and buttons are either moved below the slider window and out of view, or misaligned. Looking to have the buttons stack or behave like other responsive best practices.

    Site I’m working on: http://hosting.spectora.com/

    Thank you and apologies is this has been answered already.

    February 21, 2017 at 7:25 am #749759
    Jordan Shannon

    Hey kjwaggz,

    Are you speaking of the header or the testimonials section of the link provided?

    Best regards,
    Jordan Shannon

    February 21, 2017 at 7:30 am #749762
    kjwaggz

    Sorry, the header buttons and caption. I’m using the Chrome emulator to view it on iPad and the buttons and caption get cut off. Adding the Slider Minimum Height in Pixels to 300px helped look good on iPhone, but tablet still gets cut off.

    February 21, 2017 at 9:22 am #749834
    Jordan Shannon

    Hi,

    Try adding the following to the Quick CSS field in Enfold Theme Options > General Styling

    @media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (-webkit-min-device-pixel-ratio: 1)     {

    .slideshow_inner_caption{
      width: 445px;
    }

    }

    Best regards,
    Jordan Shannon

    February 22, 2017 at 12:04 am #750204
    kjwaggz

    I believe this has solved it. Thank you!

    February 22, 2017 at 12:48 am #750215
    Jordan Shannon

    No problem, let us know if you need anything else!

    Best regards,
    Jordan Shannon

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