ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• January 31, 2015 at 2:17 pm #145999
  nunomps

  Member

  Post count: 100

  Hi,

  I’m having some difficulties in removing this space in mobile devices: https://trello-attachments.s3.amazonaws.com/54cce3c0163ca1252f37c5f9/950×934/3d3aea77df76ae5698dd42351c8fcca0/upload_2015-01-31_at_2.16.34_pm.png

  What am I doing wrong in this custom css?

  /* REMOVE BARRA BRANCA EM BAIXO PARA MOBILE*/
  @media only screen and (max-device-width: 480px) {
  .spb-row-container .spb-row-content-width col-sm-12 {
      padding-bottom: 0px;
  }
  }

  The link is margaridamoreira.com

  Thanks in advance,
  Nuno

  February 2, 2015 at 8:36 am #146153
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  In the page meta options, have you ‘removed bottom spacing’ ?

  – Kyle

  February 2, 2015 at 8:39 am #146155
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi Nuno,

  Don’t try to alter the column and row container of the base class, can you give us the website so that I can check and let you know.

  Let us know,

  Thanks,
  laranz.

  February 4, 2015 at 12:19 am #146992
  nunomps

  Member

  Post count: 100

  Hi there,

  The website is this: http://margaridamoreira.com/

  The problem is that we would like to keep that white space in “desktops” and just remove it for “mobiles”. That’s what I was trying to achieve with that poor css 🙂

  Best,
  Nuno

  February 4, 2015 at 12:37 am #146998
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi Nuno,

  1. Try this, add a Extra class name for that row, and use that class to hide the padding bottom of that row.
  2. and you have a spacer at that end, so for spacer click edit and choose Responsive Visibility -> Hidden on phone.

  It will do the trick.

  Let us know,

  Thanks,
  laranz.

  February 4, 2015 at 12:47 am #147000
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  But this is only on the homepage?

  Please add an extra css class name to the last element so we can be able to provide a css that only applies in mobile and in the last row.

  -Rui

  February 4, 2015 at 1:00 pm #147172
  nunomps

  Member

  Post count: 100

  Hey,

  How should I do that? In the custom css or child-theme?

  Best,
  Nuno

  February 4, 2015 at 1:05 pm #147174
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  In the asset options, at the bottom there is a field for ‘extra class’

  – Kyle

• Back to forum

  Posted in: Cardinal