Layerslider and footer on mobile

header footer mobile

- 7 years, 8 months ago marco.centrodellaceramica
  Participant
  
  Expired
  
  Hi,
  
  could you please suggest me how to fix this two problems on https://specular.modernpaint.it/
  
  1) I placed layersliders on every page of the site. It’s nice but on mobiles the slider probably needs to be placed lower: it is now hold back the header
  
  2) For the footer I used the one coloumn layout. On mobiles the widget and text inside the footer are note centered, how to fix at center?
  
  Regards
  
  Marco
- 7 years, 8 months ago Mirela
  Participant
  Hello,
  
  To rearrange the slider position in mobile, please add this code into your custom css box:
  
  @media (max-width: 480px){ .slider#slider-fullwidth { padding-top: 124px !important; }}
  
  To center the content in footer, add this code:
  
  @media (max-width: 480px){ footer#footer .inner .row-fluid.ff .span12:first-child:last-child { margin-left: -145px !important; }}
  
  Let us know.
  
  Best regards!
- 7 years, 8 months ago marco.centrodellaceramica
  Participant
  
  Expired
  Thenk you, it is ok for the layerslider position.
  
  For the footer to center it seems no working your css, but I chaned it in this way:
  
  @media (max-width: 480px){ #footer .inner .row-fluid.ff .span12:first-child { margin-left: 60px !important; }}
  
  and in this way it really works.
  
  Thank you
  
  Marco
  
  This reply was modified 7 years, 8 months ago by Mirela. Reason: html tags

Viewing 2 reply threads

You must be logged in to reply to this topic.