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: Forum Help
• October 21, 2016 at 8:45 am #297908
  lawyVS

  Member

  Post count: 7

  Wuhu

  The specified page is in Coming Soon mode.

  I therefore take the example from the demo site of Atelier. (Picture appendix)

  How can I make this section better for mobile? Is it a design task? Or can I optimize the row settings?

  I have seen that I can hide the section for mobile. But I do not want that. 🙂
  Thanks for your help

  best
  f

  Attachments:

  You must be logged in to view attached files.
  October 24, 2016 at 10:27 am #298230
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  What page are you trying this on?

  For example, on your site I see:

  

  You can look to reduce the text size on mobile screens using:

  @media only screen and (max-width: 767px) {
  .image-banner-content h1 {
      font-size: 16px;
  }
  .image-banner-content p {
      font-size: 12px;
  }
  }

  October 24, 2016 at 9:35 pm #298440
  lawyVS

  Member

  Post count: 7

  Hey David

  thanks for the solution. is not the most perfect solution but it is a solution.

  I have a problem with the header image on the main page and the story page. The big header images are blurred when I view the website on my iphone. what can I do? on chrome simulator looks everything great but on real smartphone It does not work 🙁

  Thank you for your help david

  October 25, 2016 at 3:37 pm #298572
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  I don’t have an iPhone to test. Will forward to David.

  -Rui

  October 25, 2016 at 3:54 pm #298581
  lawyVS

  Member

  Post count: 7

  Hy Rui

  Okey .. I have tested all browsers on my iphone .. Header images do not work. I do not know if it has also problems with Android Smartphone ..

  thanks for help

  October 25, 2016 at 5:42 pm #298618
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Yes I see that also, this is when using a Row background image. Please test this, this works for me on my iPhone:

  @media only screen and (max-width: 767px) {
  div.spb-row {
      background-attachment: local!important;
  }
  }

  October 25, 2016 at 9:59 pm #298669
  lawyVS

  Member

  Post count: 7

  Is this the only option?

  Everything has worked now I have only repairs here and there. In the demo pages everything functions perfectly should I cut the header pix to the same size perhaps?

  October 27, 2016 at 12:36 pm #299071
  David Martin – Support

  Moderator

  Post count: 20834

  Yes, we will look to add that into the future update – I assume you mean that fixes it for you?

  Thanks,
  David.

  October 27, 2016 at 12:52 pm #299081
  lawyVS

  Member

  Post count: 7

  Hallo David

  No the css does not work with me unfortunately … 🙁

  October 27, 2016 at 12:58 pm #299084
  David Martin – Support

  Moderator

  Post count: 20834

  hmm, that worked great on my iPhone 6 test.

  If you clear your Safari iPhone cache and re-test can you screenshot what you now see?

  Thanks.

  October 27, 2016 at 1:26 pm #299096
  lawyVS

  Member

  Post count: 7

  hello David

  Thank you very much for your help. I just saw that I have the css code not correctly grasped. You have made this great.

  When can I count on the update? So I know when I can remove this.

  October 27, 2016 at 1:44 pm #299106
  David Martin – Support

  Moderator

  Post count: 20834

  Happy to help you, I’ll report this back to the team for investigation and inclusion.

  – David.

  October 27, 2016 at 2:18 pm #299115
  lawyVS

  Member

  Post count: 7

  cool! thank you very much david 😉

  October 27, 2016 at 2:21 pm #299117
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem. Thanks David

  -Rui

• Back to forum

  Posted in: Forum Help