How do I make my website mobile friendly?

  • 0
  • 1
  • Question
  • Updated 11 months ago
  • Answered
With the new Homestead Websitebuilder, all the designs are responsive. This means that they are automatically mobile friendly and you will not be required to do anything more to achieve this, however, you may find that you want to make some changes only on the mobile site. You can access the mobile editor at the top left of the editor, then click on the element you wish to edit. In this case I chose a text box. You will see that while you do not have the ability to edit the actual content, you may change the style and position of the box. This will only affect the mobile version. To get back to the mail site editor, push the desktop monitor button to the left of the mobile editor.

Photo of Homestead FAQ

Homestead FAQ, Employee

  • 39,086 Points 20k badge 2x thumb

Posted 2 years ago

  • 0
  • 1
Photo of Brian4612

Brian4612, Champion

  • 32,244 Points 20k badge 2x thumb
Now that is a neat function.. all looking good so far
(Edited)
Photo of twiggy

twiggy

  • 2,036 Points 2k badge 2x thumb
I do not have this ...how do I get this?
Photo of Drew N

Drew N, Community Manager

  • 251,584 Points 100k badge 2x thumb
You would create a new site. All of your sites are Sitebuilder sites and you would use Dudamobile. The new builder does this automatically.
Photo of susan2829

susan2829, Champion

  • 42,858 Points 20k badge 2x thumb
There are a couple of ways. Log in to your Homestead account and there is an option under where you choose the site to Edit for Duda Mobile. This is free through Homestead, but limited. They also have a paid option.
The second (better) option is to switch to the new websitebuilder. It is a responsive program so your site will render across all platforms. You will need to have the package that allows for more than one site or you can add to your existing package for $2.00/month.
The new builder requires that you rebuild your site, but your existing site will remain up and editable until such time as you switch over to the new one.
Photo of martin6200

martin6200

  • 180 Points 100 badge 2x thumb
Where is the 3rd Icon to edit iPad pages? Right now there is just two Icons, 1 for desktop,and 1 for mobile. The mobile Icon only takes care of mobile phones, not the iPad.
(Edited)
Photo of susan2829

susan2829, Champion

  • 42,858 Points 20k badge 2x thumb
Have you created a page and then tried to view it on your iPad? There are only the two build options, but since it is responsive it should be showing correctly on your iPad.
Photo of martin6200

martin6200

  • 180 Points 100 badge 2x thumb
Here is a couple of screen shots from the iPad, as you can see the information goes past the width of the page. I works for the iPhone, just not the iPad. This is an issue your team must be aware of.
Thanks
Martin  
Photo of susan2829

susan2829, Champion

  • 42,858 Points 20k badge 2x thumb
Thanks for taking the screen shots. I'm curious as to how it shows on your phone if you don't mind.
Photo of martin6200

martin6200

  • 180 Points 100 badge 2x thumb
It looks normal...it had to be tweeked but was able to in the mobile setting!
Photo of susan2829

susan2829, Champion

  • 42,858 Points 20k badge 2x thumb
Two more curiosity questions that may help Drew when he responds:

What version of the iPad are you using?
What browser are you using?
Photo of martin6200

martin6200

  • 180 Points 100 badge 2x thumb
iPad3 and Safari
Photo of Drew N

Drew N, Community Manager

  • 252,144 Points 100k badge 2x thumb
I am trying to locate an iPad. Until then can you tell me if the Home and About pages display ok on the tablet? I notice that on those 2 pages you stayed within the vertical guidelines in the builder whereas on the other pages, you have gone far outside of those guidelines.

Currently the builder has only modes for mobile and desktop editing. Tablets are actually not considered a mobile device. Once I get a hold of one, I will see what I can figure out, but if those first 2 pages display well, you may want to bring the other page inside the guidelines to resolve the issue.

We can certainly look at the idea of having a tablet mode as well for the editor, but that will not be a quick solution if they decide to proceed.
Photo of Maurice2103

Maurice2103

  • 1,176 Points 1k badge 2x thumb
I've started to mess with the new builder seriously and similar to the ipad problem, I want the site to look fine on browsers when you resize them. It works a little but then falls off when you go to small. It should work all the way down to mobile size. I have a feeling there might be a way to do this, I just don't understand the builder enough but if this is not an option, it has to be. You don't want your site being unreadable on resize. As a matter of fact it works perfectly on this very community site, it should work the same in the builder. If anyone knows how to make this happen, I would appreciate the help.
Photo of Todd H

Todd H, Social Media Specialist

  • 18,536 Points 10k badge 2x thumb
iPads view the desktop version by default, so it's best to try to keep most of your content within the middle section of your website. You are able to dock certain elements off the screen to try to get more responsiveness, but ultimately thinning out the content and making it longer may help out.
Photo of Maurice2103

Maurice2103

  • 1,176 Points 1k badge 2x thumb
Thanks for the info. Still, I've seen sites that change with sizing, down to the little hamburger menu. It would be nice to have the ability to make it look great on any size device. I just saw the site I built on a kindle fire and the text looks way too small. That's not good.