Responsive Design – Slideshow trouble

• 

  annascherman · Member · Oct 19, 2015 at 2:45 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I modified the standard wordpress slideshow to make it much nicer looking and added text below, however, I am having a horrible time with the responsive aspect of it…the location of the control buttons (to move the show forward and backwards), as well as the simple text block below the slides move an enormous amount depending on the screen size! Is there anything I can do to make the location of these elements dependent on each other so that they re-locate accordingly? Otherwise, no one is going to be able to view the slides!

  The page I am talking about can be found here: http://annascherman….-in-birmingham/

  The blog I need help with is: (visible only to logged in users)

• 

  annascherman · Member · Oct 19, 2015 at 2:45 pm

  • Copy link

  Sorry, the site is here: http://annascherman.com/made-in-birmingham/

• 

  timethief · Member · Oct 22, 2015 at 7:37 pm

  • Copy link

  This is a support forum thread. Staff respond to CSS editing issues in the CSS Forum threads. Note that you can use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can create a thread that will appear in the CSS Forum where you will get the help you need with CSS editing.

• 

  supernovia · Staff · Oct 22, 2015 at 8:01 pm

  • Copy link

  Hi, I’ve moved this to the CSS forums for you.

  Your CSS does include quite a few layout edits that would not work on smaller devices. Can you wrap those with an appropriate @media min-width? I noticed you have some CSS with max widths, so you would use a similar format for the min-width specs.