Display issues with responsive mobile site

  • 1
  • Problem
  • Updated 3 years ago
  • Solved
  • (Edited)
I published my site for mobile, the result on mobile looks terrible. Please help this is urgent and it needs to look normal.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes

Posted 3 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Negar,

You really have to either describe the issue or tell us your site name. How does it look terrible? 

The Yola staff can trace your site if your forum login is the same as your sitebuilder login but others in the community depend on a description or a link. 

Yola people generally don't respond on the weekends to forum calls. 
(Edited)
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
The site name is JanoBaghoumian on the domain name of http://janobaghoumian.yolasite.com/
thanks a lot, I really appreciate your help.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Negar,

I really like the feel of your site. There's a unique atmosphere.

The mobile publishing with Yola is quite intolerant of custom coding. The mobile model is quite rigid. You have added a lot of custom CSS and this works beautifully for widescreen viewing devices but I see your issue with phones. 

If you have a look at the native code in your site style there are descriptions by the designers of how layout is affected in mobile publishing. Once you add custom coding the rules get tangled and this I suspect is happening to your site in mobile publishing.

The solution? Simply the Yola mobile publishing doesn't allow for your vision of site artistry or probably more accurately, your solutions and it really plays havoc with your published site on mobile devices. I think you have to make a compromise here if you wish your site to display well on both formats. The compromise is to step back and see what works, one step at a time. If the mobile presentation of some custom styling doesn't work then you can make the decision to leave it off or accept the imperfection. It's a hard choice I know.

The desktop format is very tolerant as you can see but not the mobile.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
in mobile I just want to see the title (the composer part) correctly, and the menu to be able to switch between the pages, this is not much to ask.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Please help me to fix my mobile version, as if I knew this wont be supported I would not use Yola for this website and put this much time.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Negar,

The menu navigation is displaying. The colour contrast maybe preventing you from seeing it. The menu is indicated by a stack of horizontal lines:



I don't know how to fix your title issue. I'll leave it for the Yola people.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Thank you so much please leave a note, I need assistance to fix this and issue and some advice about text pages ...
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi Negar

This is how I see your website on an iPhone 5:



The only thing I need to do is use my fingers to set the enlarged view back to normal.
Please let me know if you have any questions.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
The title part "Musician Composer" is not readable, also how do we enhance the texts and content view in other pages, especially page Music, Biography, Gallery, Video, and Articles even if I have  to pay to have the mobile version fixed I would like to do that.
(Edited)
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Please help me to fix the problems on mobile: The menu should be always on one place  (in this case Top right corner as the grey color of the menu shows well on the darkness of this corner in all pages) margins of all the text and image container should be 0 so we can see as much text or images of the gallery as the width of the mobile size can hold.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi Negar

I've asked my colleague Rodvan to look into this for you. Please allow some time for him to follow up with you. Thanks.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
This reply was created from a merged topic originally titled Mobile Version of my site ....

Please help me to fix the following major problems on mobile version of my site at http://www.janobaghoumian.com/
1- The menu should be always on one place (in this case Top right corner as the grey color of the menu shows well on the darkness of this corner in all pages)
2- Margins of all the text and image container should be 0 so we can see as much text or images of the gallery as the width of the mobile size can hold, specially in BIOGRAPHY and ARTICLE pages.
3- A part of title "musician composer" is only readable in page ARTICLE although everywhere else is designed the same.

Thank You
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Negar,

I'm glad to hear you were able to view the mobile version. Rodvan did reach out to you today and there was no answer nor any option to leave a message. As such he sent a followup email. He will be happy to reach out to you again tomorrow to go over the website and we can transfer the website to your account once he has walked you through it.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Title; the second line Musician Composer should be grey and smaller "m" should be aligned with "B" on the first line and only "r" come out of under "N" in the first line
Navigation font should be smaller, closer to each other (Lines distance), and grey color.
I prefer not to have content on the background face, a solution is to bring the content area closer to navigation.
Background animation still does not work in new Chrome. 
All the white text also need to change to grey.
Copy right text should be smaller and grey color.
Submit button in contact page should have rounded corners (roundness "2" )
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Please call me on my phone, if you are using contact applications please let me know to be attentive to them it's passed 48 hours I am waiting to discuss this. I don't have more time to spend on this please reach out to me now, or contact me through email. It's better than nothing.
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Negar,

I see that you and Rodvan were able to connect and make excellent progress today. I'm so pleased! I see you have one more concern he plans to follow up with you about and then we look forward to featuring your mobile friendly redesign on our blog! I'm confident this will serve as an excellent learning experience for many more website designers in your situation.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Hi Laura,

Yes thanks for your support.