• 

  TeeDev

  Participant

  April 13, 2015 at 23:17

  I’ve got a peculiar problem with the alignment of one of my static blocks when viewed on a smart phone.

  If you look at this image https://www.dropbox.com/s/5v2w45xczo2b1z3/Screenshot_2015-04-13-22-53-44.png?dl=0 you can see that the second block STORE INFO is not properly aligned with the first block.

  I can’t figure out why this is, they are both configured in the same way with all the same properties in the VC settings.

  The elements look fine on 7″, 10″ tablets and laptops/desktops

  Please, contact administrator
  for this information.

  #56654 Copied
  7 Answers
  

  Robert Hall

  Participant

  April 14, 2015 at 09:38

  Hello,

  Please add this code in custom.css file.

  .footer-top .vc_col-sm-3{
  width: 50%;
  float: left;
  }

  Regards,
  Robert Hall.

  #56733 Copied
  

  TeeDev

  Participant

  April 14, 2015 at 09:45

  Excellent!!
  Why was it happening, did I make a wrong setting?

  #56735 Copied
  

  Robert Hall

  Participant

  April 14, 2015 at 09:54

  Everything was fine, just sometimes needed to write code.

  Regards,
  Robert Hall.

  #56740 Copied
  

  TeeDev

  Participant

  April 14, 2015 at 09:59

  Actually, it’s not ideal. It now shifts the remaining content in that row on tablets in landscape view.
  Any other suggestions?

  #56743 Copied
  

  Robert Hall

  Participant

  April 14, 2015 at 10:07

  I’ve replaced code above to this. Please clean cache and check it.

  @media (max-width: 480px){
  .footer-top .vc_col-sm-3{
  width: 50%;
  float: left;
  }
  }

  Regards,
  Robert Hall.

  #56748 Copied
  

  TeeDev

  Participant

  April 14, 2015 at 11:00

  This one is better.

  Works on:

  HTC One X+
  OnePlus One
  Ipad Air

  Does not fix it on:

  Nexus 7 (2012) (portrait)

  I can live with this
  Thank you

  #56761 Copied
  

  Eva Kemp

  Participant

  April 14, 2015 at 12:34

  Hello,

  You’re welcome.

  Regards,
  Eva Kemp.

  #56790 Copied
• Viewing 8 results - 1 through 8 (of 8 total)