How Do I Make My Website Mobile Friendly?

Mobile-friendly websites will be at the core of website indexing with Google starting in March 2021. This is very important for sites that are not mobile-friendly. Read more on this subject here. https://community.homestead.com/conversations/marketing/googles-mobilefirst-indexing/5fcfff4fb763bd30fe15398d

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.

Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1762239/27090-1sf9vkd_inlinepng1542222799

For tips on mobile editing, please view this article:

https://community.homestead.com/homestead/topics/websitebuilder-editing-the-mobile-site

Responses

brian4612

29 Messages

•

32.3K Points

8 years ago

Now that is a neat function.. all looking good so far

twiggy

32 Messages

•

2.7K Points

8 years ago

I do not have this ...how do I get this?

susan2829

59 Messages

•

43.3K Points

8 years ago

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.

otinarose59

4 Messages

•

190 Points

ugh

5 years ago

martin6200

7 Messages

•

230 Points

8 years ago

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.

susan2829

59 Messages

•

43.3K Points

8 years ago

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.

martin6200

7 Messages

•

230 Points

It does not! do you have any suggestions?

8 years ago

susan2829

59 Messages

•

43.3K Points

Any way you can take a screen shot of how it shows on your iPad? Drew will be around this morning and it sounds like an issue for the Techs.

8 years ago

martin6200

7 Messages

•

230 Points

Image: https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/RackMultipart20170510814363o60-1d358ef9-d795-467e-acd5-bf3ff9402849-1072968493.PNG1494436252

8 years ago

martin6200

7 Messages

•

230 Points

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

8 years ago

susan2829

59 Messages

•

43.3K Points

Thanks for taking the screen shots. I'm curious as to how it shows on your phone if you don't mind.

8 years ago

drew_n

1.4K Messages

•

262.9K Points

8 years ago

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.

tina6480

2 Messages

•

162 Points

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?

6 years ago

elyzabethv

11.1K Messages

•

145.6K Points

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.

6 years ago

maurice2103

37 Messages

•

1.6K Points

7 years ago

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.

todd_h

1K Messages

•

30K Points

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.

7 years ago

maurice2103

37 Messages

•

1.6K Points

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.

7 years ago

judith4708

10 Messages

•

534 Points

7 years ago

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?

drew_n

1.4K Messages

•

262.9K Points

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.

7 years ago

rush_library

9 Messages

•

324 Points

6 years ago

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.

elyzabethv

11.1K Messages

•

145.6K Points

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.

6 years ago

rush_library

9 Messages

•

324 Points

Hi, yes I would like that very much! Thanks so much for your help & quick response!

6 years ago

elyzabethv

11.1K Messages

•

145.6K Points

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.

6 years ago

doug2763

10 Messages

•

270 Points

5 years ago

I've switched from the dudamobile site for mobile to the responsive design in WebsiteBuilder. After more than 24 hours, Google on the phone is still linking to the m.site. How do I go about updating this?

michelle_c

7.6K Messages

•

106.7K Points

Hello Doug,

When I visit your website on a mobile device I do see the new Websitebuilder site showing. If google is still referencing an old duda mobile link on a search result what you can do is create a google webmaster tools account and request that google re-crawls your site. Upon re-crawling google will update any links they provide for search results to the new found information.

5 years ago

doug2763

10 Messages

•

270 Points

Yes. That is correct. It's the google search that links to the old site. Webmaster Tools wants me to upload a file to the site. How does that happen in WebsiteBuilder?

5 years ago

michelle_c

7.6K Messages

•

106.7K Points

You will want to use an alternate option. The dns or domain name provider option.

5 years ago

doug2763

10 Messages

•

270 Points

I've found where I add the TXT record for the DNS configuration - however there is a 'name' box. What goes in that box?

5 years ago

michelle_c

7.6K Messages

•

106.7K Points

If they do not provide anything specific to use for the name or host you can use @.

5 years ago

konnie1744

2 Messages

•

140 Points

5 years ago

My website is a mess on Android phones apparently. It is great/fine on iPhones. No idea what to do, but I'm sure I'm losing business because of it.

michelle_c

7.6K Messages

•

106.7K Points

Hello Konnie,

The current builder you are utilizing is Sitebuilder plus which unfortunately does not include a mobile friendly aspect. I would recommend adding a new site to the account and rebuilding using WebsiteBuilder. This is Homesteads newest builder and it will provide the best experience for you and your viewers. This will not interfere with any current sites and can be built in the background at your own pace. Once you have completed it the new site it is simple to connect your domain name to the updated content. https://community.homestead.com/homestead/topics/how_can_i_switch_my_domain_to_a_new_site_i_built

5 years ago

cheryl5973

7 Messages

•

360 Points

4 years ago

I was going to switch to the website builder however, homestead is on the domain address instead of the purchase domain name I use

elyzabethv

11.1K Messages

•

145.6K Points

The default site name does end in .homesteadcloud.com, but once you associate your domain name to it, that disappears.

4 years ago

kyle2363

3 Messages

•

80 Points

4 years ago

Hi.

For some reason html code on desktop version will not work in mobile version and vice versa. Is there a way to use html for either one? I am stumped by this. I am currently using html that will fit mobile on desktop and frankly, looks crappy. Lol

michelle_c

7.6K Messages

•

106.7K Points

Hello,

I can review it. What website and page is it on?

4 years ago

kyle2363

3 Messages

•

80 Points

Hi.

I changed the entire website back to desktop view because the adoptable pet iframe was not working with mobile

www.mhspets.org

Adoptable Dog and Cat pages

4 years ago

michelle_c

7.6K Messages

•

106.7K Points

Hello,

I do see the website pulling up the desktop version.

4 years ago

kyle2363

3 Messages

•

80 Points

I changed it back to desktop version. I could not get the iframe to adjust to mobile and it was a pain for visitors. Even editing the html code, I could not get it to fit on the mobile version.

4 years ago

michelle_c

7.6K Messages

•

106.7K Points

The code would need to be altered to fit the mobile view. Unfortunately, I would not be able to troubleshoot the HTML code.

4 years ago

mary4055

3 Messages

•

150 Points

4 years ago

what if all I have to use is a Mac? Are none of these features discussed for mobile vs desktop sites available for Mac users?

michelle_c

7.6K Messages

•

106.7K Points

Hello,

These features are available for Mac users also. If you are experiencing any issues you may want to download google chrome and use this browser when editing.

4 years ago

robin6306

8 Messages

•

264 Points

1 year ago

I took MANY HOURS and DAYS to redo my website, and make sure it looks good on mobile. NOW, no one can view it from their ipad. So sad. Has this issue been resolved? Really frustrating.

homestead_faq

How Do I Make My Website Mobile Friendly?

brian4612

twiggy

susan2829

otinarose59

martin6200

susan2829

martin6200

susan2829

martin6200

martin6200

susan2829

drew_n

tina6480

elyzabethv

maurice2103

todd_h

maurice2103

judith4708

drew_n

rush_library

elyzabethv

rush_library

elyzabethv

doug2763

michelle_c

doug2763

michelle_c

doug2763

michelle_c

konnie1744

michelle_c

cheryl5973

elyzabethv

kyle2363

michelle_c

kyle2363

michelle_c

kyle2363

michelle_c

mary4055

michelle_c

robin6306

Related Conversations