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: Atelier
• June 1, 2017 at 8:09 am #326652
  georgie

  Member

  Post count: 37

  In the mobile view, I have the section called ‘Our products encourage’ set in a collapsible row. The row contains a swift slider slide show. But when viewed in a mobile browser, the row is already open by default (it should be closed). Also, the row doesn’t collapse on clicking the + icon. It just stays open. The other rows all work fine. Not able to figure out what is wrong.

  June 5, 2017 at 12:34 pm #326896
  David Martin – Support

  Moderator

  Post count: 20834

  By default it is closed for me, please clear your iPhone cache and re-test.

  Thanks.

  June 5, 2017 at 7:20 pm #327052
  georgie

  Member

  Post count: 37

  Hi David,

  I had rebuilt the row element and it started working fine. But I didnt want to add a reply to this thread and move lower in the queue :). I have two more questions:

  1.) Is it possible to change the colour of the title (only for the second collapsible row ‘our products encourage…’) to white? Since the row bg is blue.

  2.) If you scroll lower down on the page and expand the ‘currently in store’ row, is it possible to centre align the add to cart button?

  Thanks

  June 8, 2017 at 11:42 am #327626
  David Martin – Support

  Moderator

  Post count: 20834

  1) Yes, add a custom class to the Row. You can then target title in the Row dropdown using that custom class/custom CSS.

  2) You can tweak the CSS for the button with a media query, ex:

  @media only screen and (max-width: 767px) {
  .add-to-cart-shortcode {
      text-align: center;
      display: block;
  }
  .add-to-cart-shortcode>.add_to_cart_button {
    float: none;
  }
  }

  June 9, 2017 at 5:50 am #327785
  georgie

  Member

  Post count: 37

  Hi David, the code for cart button works fine. How do I enter the code for targeting row title in CSS? I am not familiar with writing code.

  June 12, 2017 at 7:22 pm #328241
  David Martin – Support

  Moderator

  Post count: 20834

  1) An example would be:

  section.row.row-white-txt > a {
      color: #fff;
  }

  This assumes you add the class to row-white-txt to your Row.

  June 16, 2017 at 7:56 am #328976
  georgie

  Member

  Post count: 37

  Hi David,

  This didn’t work for me for some reason. Is it because it is a collapsible row title and not a row header?

  June 19, 2017 at 10:42 am #329185
  David Martin – Support

  Moderator

  Post count: 20834

  No, it will depend on where you added the class.

  I do not see the class added if I view your source code looking for: row-white-txt. Please add it so I can debug further.

• Back to forum

  Posted in: Atelier