How do I make my website mobile friendly?

  • 0
  • 1
  • Question
  • Updated 2 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

  • 40,896 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,096 Points 2k badge 2x thumb
I do not have this ...how do I get this?
Photo of Drew N

Drew N, Community Manager

  • 258,538 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 Diana3840

Diana3840

  • 278 Points 250 badge 2x thumb
Can I export my site builder images and text into websitebuilder if I upgrade?
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 11,926 Points 10k badge 2x thumb
Hey  Diana3840 
The two builders are too different, so no. The files in Sitebuilder would not be able to be exported to the new builder, you would have to re-upload them. I do recommend taking the time to do so, I think you'll be happy with the results!!
Photo of Diana3840

Diana3840

  • 278 Points 250 badge 2x thumb
Elyzabeth,
Point me i the right direction. How do I find the new websitebuilder from Homestead?
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 11,926 Points 10k badge 2x thumb
Hi there Diana3840
If you log into your Homestead account, click on websites manager, and click on "Add New Website", it will automatically be created in the new builder. At that point, you just have to give it a temporary site name, choose your design, and start building!!
Photo of susan2829

susan2829, Champion

  • 42,860 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,860 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,860 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,860 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

  • 258,762 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,196 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

  • 19,954 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,196 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.
Photo of Judith4708

Judith4708

  • 454 Points 250 badge 2x thumb
I have been afraid to create the mobile design for my website because I'm afraid it will change the website pages? Will anything on my website change if I use the Duda mobile functions?
Photo of Drew N

Drew N, Community Manager

  • 258,538 Points 100k badge 2x thumb
Dudamobile is making some changes so right now you would need to sign up for Dudamobile directly as opposed to through the Homestead account. It will not affect your Sitebuilder site in any case.