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
• November 5, 2016 at 8:21 pm #300633
  tkhong

  Member

  Post count: 35

  Hi,

  3 issues.

  1. See chrome vs. safari file. There should be 2 columns of text, as shown in chrome screenshot.
  2. Mobile device browser has href link missing. On reload is shows text and link correctly.
  3. Hero header geometric overlya animation, seems to overload browsers and slows down computer. (animation currently disabled on page)
  Link: http://www.mekong-merchants.com/about-us/

  Attachments:

  You must be logged in to view attached files.
  November 8, 2016 at 11:10 am #300931
  David Martin – Support

  Moderator

  Post count: 20834

  1) I’ll need to check this with Ed (lead dev) and report back to you.

  2) This appears fine on my iPhone. Please clear your device cache:

  

  3) What browser? Can you enable it so I can test this?

  Thanks.

  November 8, 2016 at 12:59 pm #300976
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  For 1), please can you try adding this css –

  .flexbox .spb-column-container.col-sm-6 {
  flex: 1;
  }

  Let us know.

  – Ed

  November 15, 2016 at 11:21 am #301940
  tkhong

  Member

  Post count: 35

  Thanks Ed, the CSS worked (-:

  2) Is still not showing up correctly on my phone. Also tested on other phones, and it only upon refresh does the link and text appear correctly.

  3) Have you had a chance to look more into this? It is a really cool effect, but drains browser/computer…

  November 15, 2016 at 5:59 pm #302017
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  2) It seems to be something to do with the underline span – but can’t quite see what. Can you try removing that to see if that resolves it, then we can go from there?

  3) This is just because of the JS and canvas – it is high usage technology at the moment, and requires more resources. It is up to you whether you choose to use this or not.

  – Ed

  November 16, 2016 at 3:55 pm #302178
  tkhong

  Member

  Post count: 35

  Thanks Ed.

  1) Actually after checking again on mobile, the CSS:
  .flexbox .spb-column-container.col-sm-6 {
  flex: 1;
  }
  Forces columns to one side of the mobile screen. Therefore, I have removed the CSS and on Safari browser on mac, the columns are stacked again.

  2) I removed the underline, but that didn’t seem to change it. It seems like all the links on the page are not rendered properly on mobile, but on reload all links show correctly.

  3) Ok, I see.

  November 17, 2016 at 2:06 pm #302354
  David Martin – Support

  Moderator

  Post count: 20834

  1) Please update the CSS to this for both desktop & mobile

  .flexbox .spb-column-container.col-sm-6 {
     flex: 1;
  }
  @media only screen and (max-width: 767px) {
  .flexbox .spb-column-container.col-sm-6 {
      flex-basis: 100%;
      flex: none;
  }
  }

  2) Please add this to Theme Options => Custom CSS:

  .team-member-bio a {
      color: #222;
  }

  Please add a WP login if that does not fix the issue.

  November 17, 2016 at 9:40 pm #302417
  tkhong

  Member

  Post count: 35

  Thanks.

  1) Did not work on mobile, please check screenshot.
  I used this: (removed an extra period from yours)
  .flexbox .spb-column-container.col-sm-6 {
  flex: 1;
  }
  @media only screen and (max-width: 767px) {
  .flexbox .spb-column-container.col-sm-6 {
  flex-basis: 100%;
  flex: none;
  }

  2) Did not make a noticable difference.

  It seems like some elements are not properly loaded. Could it be a cache issue?

  Attachments:

  You must be logged in to view attached files.
  November 21, 2016 at 1:27 pm #302723
  David Martin – Support

  Moderator

  Post count: 20834

  1) Do you mean you edited this to work now?

  2) Please can you disable all plugins leaving only Swift Framework and WooCommerce active whilst we investigate.

  November 25, 2016 at 6:37 pm #303751
  tkhong

  Member

  Post count: 35

  This reply has been marked as private.
  November 28, 2016 at 2:38 pm #303950
  David Martin – Support

  Moderator

  Post count: 20834

  2) This now works:

  

  November 28, 2016 at 3:35 pm #303974
  tkhong

  Member

  Post count: 35

  This is a bit weird.

  The links still do not show up on mobile. I’ve tested on iPhone 6S and 4S. Same error.
  Links show up on reload, or if navigating to another app and then back to mobile Safari browser.

  Please see screens.

  Attachments:

  You must be logged in to view attached files.
  November 30, 2016 at 6:00 pm #304521
  David Martin – Support

  Moderator

  Post count: 20834

  On my iPhone 6 the about page on woocommerce-30757-66603-182968.cloudwaysapps.com works as expected. I have tested this multiple times.

  Please clear your iPhone cache and test that staging URL.

  December 1, 2016 at 2:26 pm #304672
  tkhong

  Member

  Post count: 35

  Thanks David. I just did. Please see screenshots. The problem persists… /-:

  Attachments:

  You must be logged in to view attached files.
  December 5, 2016 at 1:02 pm #305126
  David Martin – Support

  Moderator

  Post count: 20834

  Currently on a real device I cannot replicate, I will need to ask the team further.

• Back to forum

  Posted in: Atelier