Slider title/text box doesn't resize

• #192360

  
  Marie
  

  On July 25, 2014 at 1:30 am

  Hi Towfiq,
  Is there also a way to make the slider title/text box decrease in size along with the slider image whenever I decrease the screen size? No matter how small the image becomes (when I want to see what my site looks like on a small screen), the slider title/text box stays the same size and soon eats up all the image space… The blocks below, on the other hand, get very small and look pretty neat on a small screen. Thanks.
  http://www.siouxcitycarmel.org

  #193807

  
  Towfiq I.
  

  administrator

  On July 25, 2014 at 10:33 pm

  Add this to your Custom CSS:

  @media screen and (max-width: 450px){
  body .nivo-caption .sld_layout1 h3 a{ font-size: 18px!important;}
  }

  #194011

  
  Marie
  

  On July 26, 2014 at 1:35 am

  Thanks, it resizes for the smallest size screen, but not for in-between screen sizes. Can you give me 2 more codes for in-between sizes? Or just the pixels? I don’t know what the pixels would be; I could experiment.
  Another problem is that the slider text/title box (whether big or small) is cut off on the left side (including the first letter) when it is at the smallest screen size. Can that be fixed? Thanks!

  #194017

  
  Marie
  

  On July 26, 2014 at 1:51 am

  Ok, I’ve been experimenting and seem to like 450px/12px, 900px/15px and 1350px/20px, so no need for these codes. But can you still fix how it cuts off on the left side, as I mentioned above? And also, is there a way you can make the slider appear under the image at 900px and smaller? As well as those buttons? Sorry to ask so much of you. May God (Allah) reward and bless you for your generous support. The nuns are delighted with your theme!

  #194018

  
  Marie
  

  On July 26, 2014 at 1:54 am

  Actually, the buttons are ok as they are.

  #196098

  
  Towfiq I.
  

  administrator

  On July 27, 2014 at 7:46 pm

  Add this to your Custom CSS:

  @media screen and (max-width: 900px){
  .nivo-caption{position:relative!important;}
  }

  #198022

  
  Marie
  

  On July 29, 2014 at 3:02 am

  Thanks, but it still cuts off at the left side, and at the smallest screen size it cuts off on both the left and right. Is there a way to make the box itself narrower at 250px? Thank you. Let me know if I should just let this go.

  #199223

  
  Towfiq I.
  

  administrator

  On July 29, 2014 at 9:43 pm

  the responsiveness stops at 320px. this is standard procedure, as no modern smartphone has 250px screen size.

  #199414

  
  Marie
  

  On July 30, 2014 at 1:01 am

  Ok, thanks. I won’t worry about it then; it looks nice at what I think would be 320px.