How do I make my website mobile friendly?

  • 0
  • 1
  • Question
  • Updated 2 days ago
  • Answered
  • (Edited)
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 bar of the editor, toward the right, 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 main site editor, push the desktop monitor button to the left of the mobile editor.



For tips on mobile editing, please view this article:

https://community.homestead.com/homestead/topics/editing-the-mobile-site-website-builder
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 41,196 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

  • 259,114 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

  • 17,474 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

  • 17,474 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,880 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,880 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,880 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,880 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

  • 259,198 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 Tina6480

Tina6480

  • 112 Points 100 badge 2x thumb
It's a year later and the problem with the iPads still exists. I really don't want to redo the layout of my client's site in order to see the entire width of the website pages. Everything outside the vertical guidelines does not appear on iPads. Unfortunately my client is not happy and I need to figure how to fix this without costing them more time and money. Has anyone come up with a solution?
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 17,578 Points 10k badge 2x thumb
Hello Tina,

An icon for tablet editing is not a highly requested feature, but I will pass along the feedback. For now, I would have to suggest you edit the site to only display elements within the guidelines (2 vertical lines) on the site.
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

  • 20,044 Points 20k 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

  • 259,114 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.
Photo of Rush Library

Rush Library

  • 94 Points 75 badge 2x thumb
Hi,
 I followed your directions, but I don't see the option "Add new website" anywhere. Is it because I have the Website Starter Package? We have had it for about 8 years and the only thing I do not like is dealing with Duda. I would like a site that automatically optimizes but I don't want to switch to another host, I just want the new builder. Thanks for your help.
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 17,578 Points 10k badge 2x thumb
Yes, this would be because of the package you are on. It only allows for one website. If you would like, I can add an additional site on your account for $2/month. This can be removed once you build the new site, switch the domain, and delete the old site.
Photo of Rush Library

Rush Library

  • 94 Points 75 badge 2x thumb
Hi, yes I would like that very much! Thanks so much for your help & quick response!
Photo of Elyzabeth

Elyzabeth , Official Rep

  • 17,578 Points 10k badge 2x thumb
Happy to help.
That has been added onto your account. Now, in the Websites Manager tab on your account, you should see the option to add a new website.