Slider widget area on homepage: how to make responsive like Home Feature areas

Homepage › Community Forums › Epik Theme Support › Slider widget area on homepage: how to make responsive like Home Feature areas

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 9, 2014 at 11:14 am #9881
    scottpruett
    Customer

      Wes, or anyone,

      I’m forgoing the use of a slider in favor of a similar layout to other Home Feature widget areas, but I’m having a tough time finding the correct CSS to make it responsive like the other areas.

      I have this in the Slider widget area, which works well aside from being responsive:

      <div class="feature-left">
<img src="file.jpg" />
</div>
<div class="feature-right feature-margin">
<p>content</p>
</div><!--formatted--><!--formatted-->

      What do I need to do to make it responsive? I’ve tinkered with copying some CSS in the .home-feature-bg class to apply it to the .slider class, but I’m missing something.

      Thanks!
      Scott

      January 9, 2014 at 11:15 am #9882
      Wes
      Moderator

        It should be responsive by default. Do you have a link with it in action so I can see what’s going on?

        January 9, 2014 at 11:17 am #9883
        scottpruett
        Customer

          I have it redirecting to a subdomain via an under construction plugin while the main site is being worked on. Can I send you an email w/ access, or is this private reply feature okay for sharing login info?

          January 9, 2014 at 11:19 am #9884
          Wes
          Moderator

            Yes you can use the Private Reply and I’ll be the only one who can see it.

            January 9, 2014 at 11:24 am #9885
            scottpruett
            Customer
              This reply has been marked as private.
              January 9, 2014 at 11:32 am #9886
              Wes
              Moderator

                It appears the problem is the width that was added in your custom css to the .slider .wrap – 

                .slider .wrap {
    margin: 0 auto;
    margin-bottom: -7px;
    padding: 0;
    width: 1140px;
    overflow: hidden;
}

                If you remove that, then it should work

                January 9, 2014 at 11:35 am #9887
                scottpruett
                Customer

                  Yup, that did it! Many thanks Wes.

                  January 9, 2014 at 11:39 am #9888
                  Wes
                  Moderator

                    You’re Welcome!

                  • Author
                    Posts
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • The topic ‘Slider widget area on homepage: how to make responsive like Home Feature areas’ is closed to new replies.