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: Uplift
• February 5, 2017 at 10:07 pm #312652
  delikates

  Member

  Post count: 6

  Hi!

  I’m having a few issues with the mobile styles on iOS (tried different devices both iPad and iPhone):

  1. on the homepage (where I have the site header below the revolution slider) when I click the mobile menu an empty menu shows up with only the language switcher visible, but none of the other menu items (screenshot attached)

  2. I have a two column layout on the homepage, on other mobile devices this nicely slides into one column layout, on the iPhone it stays in two narrow columns (see screenshot)

  3. on all mobile devices: I have a longer h1 with two words (http://delikates.drjanko.ro/wp/kollekciok/) yet the line is not breaking between the two, it’s breaking in the middle of the second word. How can I change this?

  4. not mobile related: I have the language switcher enabled in the header right section. The problem is that I would like the other available language to show up in its native language, not in the current language, but I couldn’t find any settings for this.

  Thanks in advance.

  Attachments:

  You must be logged in to view attached files.
  February 7, 2017 at 12:32 pm #312861
  David Martin – Support

  Moderator

  Post count: 20834

  1) I see the standard mobile menu:

  

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

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

  3) Please remove the   you have between the words:

  

  4) Please contact WPML support and report this issue: https://wpml.org/forums/forum/english-support/

  February 8, 2017 at 7:45 pm #313071
  delikates

  Member

  Post count: 6

  Hi!

  1. On my devices it appears like on the screenshot I attached earlier. Both in Safari and Chrome on iOS devices.

  2-3 That solves the issue!

  Thanks,
  Betti

  February 13, 2017 at 11:38 am #313489
  David Martin – Support

  Moderator

  Post count: 20834

  1) Is there any scope to deactivate your plugins so I can test this without those? Leave only Swift Framework active?

  February 13, 2017 at 11:54 am #313495
  delikates

  Member

  Post count: 6

  You can deactivate any plugins, this is a test domain.

  Thanks!

  February 15, 2017 at 1:49 pm #313890
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Please test this custom CSS:

  .mobile-menu-open #container, 
  .mh-overlay-show #container {
      top: auto !important;
  }

  Please also validate your CSS, I see you have a CSS error also.

  February 17, 2017 at 4:49 pm #314211
  delikates

  Member

  Post count: 6

  That solved the issue! Thanks!

  February 17, 2017 at 4:50 pm #314212
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Great. Thanks David.

  -Rui

• Back to forum

  Posted in: Uplift