Responsive footer alignment not centered

footer Minimal minimal 2

- 9 years, 8 months ago jameson
  Participant
  
  Expired
  
  Hi,
  
  I’m currently using your Specular “Minimal” theme in a staging environment. Everything appears fine in desktop view, but in mobile view, the footer becomes left aligned when it should be centered.
  
  A perfect example is seen in the “Minimal 2” demo: https://codeless.co/specular/minimal2/ (resize the browser and note that the footer becomes left aligned instead of centered).
  
  Is there a fix for this issue? Thanks!
  
  JC
- 9 years, 8 months ago Mirela
  Participant
  Hello,
  
  Please add this code into your custom css box:
  
  @media (max-width: 767px){ footer#footer .inner .row-fluid.ff .span12:first-child:last-child { margin-left: -137px !important; }}
  
  Let us know.
  
  Best regards!
- 9 years, 8 months ago jameson
  Participant
  
  Expired
  
  Great! I just readjusted the max-width and margin and it looks great:
  
  @media (max-width: 480px){
  
  footer#footer .inner .row-fluid.ff .span12:first-child:last-child .widget{
  
  margin-left: 60px !important;
  
  }}
  
  Thanks for the quick reply!

Viewing 2 reply threads

You must be logged in to reply to this topic.