Mobile site header font size problems

  • 0
  • 1
  • Problem
  • Updated 3 years ago
  • In Progress
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

I need to reduce the font size of the text of the header in the mobile version of my site. I am trying to use the new platform.  The font size for the mobile header seems locked into the desktop site header. Unfortunately, this makes the mobile site look like it was a preschool project!  
Why can I not simply highlight the text with a mouse and change the font size?  The name of the site is slafer2016B.homesteadcloud.com.

Thank-you
 
Photo of Denis2676

Denis2676

  • 360 Points 250 badge 2x thumb
  • frustrated

Posted 3 years ago

  • 0
  • 1
Photo of susan2829

susan2829, Champion

  • 43,192 Points 20k badge 2x thumb
I've had to adjust my header in the desktop version so that it would 'fit' the mobile. We should be able to manipulate the mobile independent of the desktop, but alas, the developers apparently didn't think about that.
Photo of Denis2676

Denis2676

  • 360 Points 250 badge 2x thumb
Thanks for the quick response. So then we have two choices 1) let the mobile text be so large that it looks ridiculous,  or 2) reduce the font size on the desktop site to microscopic size. So far this new platform is proving to be very disappointing. 
Photo of susan2829

susan2829, Champion

  • 43,192 Points 20k badge 2x thumb
I can't view your site as you haven't published yet. Could you take a screen shot of the desktop and the mobile. I'm curious!!
Photo of Drew N

Drew N, Alum

  • 262,816 Points 100k badge 2x thumb
We do see your point and are looking into this. I assume you are speaking about the header. In this case, there may be a middle ground. Your header is at 68pt on the desktop. I think something, even much smaller, is not microscopic, and would look better on both versions. In any case, I do agree that more control seems better and this has already been suggested.
Photo of gravelroads333305

gravelroads333305

  • 560 Points 500 badge 2x thumb
I notice the option is available, but it doesn't work. You have the option to change the text size, color, etc. but when selected, nothing changes. (When using the "mobile custom style".)
Photo of Denis2676

Denis2676

  • 360 Points 250 badge 2x thumb
Thanks for the replies, I also noticed that if I switched from the desktop to the mobile site view, that a picture I had uploaded was not resized but simply cropped. This was a picture that worked fine on both my existing Homestead desktop site and also on my current mobile site from DUDA.  Just exactly how is this new "responsive site builder" supposed to be an improvement?  Is this just a beta version?  So to save myself even more frustration, I have decided to give up, delete the new site and simply keep my old site the way it is. 
          
Photo of SanDiegoTicketExpert

SanDiegoTicketExpert

  • 1,708 Points 1k badge 2x thumb
Hey folks, funny you mention this, as I experienced the same problem and was just checking in to see if this had been changed. I have the solution to do exactly what I'm pretty sure everyone is trying to do, but unfortunately it's a bit of a pain. 

I am guessing everyone experiencing this problem adjusted the font size of the text that is non-responsive in the mobile view by directly hightlighting it and using the small popup menu on the desktop view to then choose the font size. If you did adjust the font size this way, you will be unable to make it smaller in the mobile view. In fact, you can't do much of ANYTHING with it even though the new WebsiteBuilder apparently gives you the option to adjust font size with the mobile view 'style' menu (that seemingly don't work). What follows in a walkthrough of how to make everything work the way it's supposed to.

Okay, on the desktop view if you 'add' a new text box and select it (don't click into it), the large menu that appears on the righthand side of the screen will appear with the options 'settings,' 'style,' 'size and position,' and 'animations.' At the top of the 'style' submenu is an option for 'text' that has a dropdown menu for the default text type, and just to the right is a little cogwheel. Click on the cogwheel and another menu will pop up titled 'text.' If you set all of the font parameters for the text box from this menu, you will be able to do whatever you want to the text in the mobile version. My advice would be to first get everything looking the way you want it to look on the desktop version, then click on the mobile view. Once the mobile view appears, then again select the text box you were just working on (again, don't click into it), and click the 'style' option on the mobile version of the menu I just discussed. This will bring up the ability to have 'custom style in mobile' for that text box by turning the little slider to 'on.' Then you can do whatever you want with mobile version font and still maintain your desktop version looking like you want it to. There're also some nice shadow and glow effects in this menu. Finally, under the 'size and position' option on this same mobile menu is an option titled 'display' that has a default dropdown menu choice below it set to 'block.' If you change this to 'fixed' you can also freely adjust the size of the text box you're working on.

Hope this helps, and I'll urge you not to give up on the new WebsiteBuilder. Although I've had my fair sharing of frustration learning the program, I'm extremely impressed with how damn good the mobile version looks and functions compared to 'most' other mobile sites out there (it blows Duda away by a mile). I was in the same boat as you going nuts trying to figure out why I couldn't get my mobile version even halfway workable until I pieced together the process detailed above through a TON of trial and error (and ultimately what's going to amount to redoing all the work I've done fine tuning the look of the desktop version . . . sigh), but the final result result really is worth it. 

If you want to take a look at my site, I've completed the mobile view reworks on first three buttons of my main menu, i.e., my 'Homepage,' 'Traffic Tickets' page and pages contained in its dropdown menu, and my 'Fees and Services' page and its dropdown menu pages. I have not started on the the last two main menu options or their dropdown menu pages, so you can compare the 'before' and 'after' as it were. It's like night and day.

www.sandiegoticketexpert.com

Cheers and good luck!!!
Photo of susan2829

susan2829, Champion

  • 43,192 Points 20k badge 2x thumb
Whew! Thanks for sharing SD and for going through the whole process and figuring it out.
Photo of gravelroads333305

gravelroads333305

  • 560 Points 500 badge 2x thumb
Great discovery! This truly impacts how our websites are viewed across mobile platforms. Thanks much for sharing. Interesting that the developers of this great tool cannot share with us how to use it by creating a REAL help guide of some sorts. Again I say...it is a fantastic tool...but, please already, Homestead...how about some sort of ownership in your product by supporting your users without us trying to figure everything out through a discussion forum.
Photo of SanDiegoTicketExpert

SanDiegoTicketExpert

  • 1,708 Points 1k badge 2x thumb
I totally agree Gravel. I don't know if this has been floated, but for someone "technologically challenged" like me, having a built-in tutorial mode for WebsiteBuilder would be a godsend. Much of how the program works is intuitive and works well, but much of it  . . . um, isn't and doesn't - but could with a tutorial mode that signposts where certain functions are found so you can learn as you go. Any chance? Cheers :)
Photo of susan2829

susan2829, Champion

  • 43,192 Points 20k badge 2x thumb
Yes, we desperately need some sort of tutorial or how to or something. Maybe they will do that once they get all the bugs out.
Photo of Denis2676

Denis2676

  • 360 Points 250 badge 2x thumb
SDTE:  Thanks for the input. There should be some tutorials. As you alluded to not everyone is a "techie", nor does everyone want to be. More to the point, most of us simply do not have the time. 
        By the way has anyone else experienced the same problem with picture resizing that I did? A wide picture I uploaded looked fine on the desktop site. But on the mobile the sides were cropped out. 
Photo of SanDiegoTicketExpert

SanDiegoTicketExpert

  • 1,708 Points 1k badge 2x thumb
Hey Denis, I recall seeing a menu option when you're viewing the mobile version and have the offending image selected whereby you can resize/stretch/etc. the image to suit your needs. I don't have the program open right now, so not sure which sub-menu tab it's on. It's there though, I promise :) Cheers 

This conversation is no longer open for comments or replies.