mobile view
-
Hello! I would like to ask for help with the mobile view of my website. Possible? It’s really out of date now, not pretty. Someone?
The blog I need help with is: (visible only to logged in users)
-
Hi there,
I’m not sure I understood your question. Can you clarify what you mean by “not pretty” in this case? Can I see this on your homepage? Or is it a specific place I need to look at?
If so can you share the URL and also tell us a little about what you are seeing, and how it should look instead.Thanks for pointing it out!
-
https://wordpress.com/view/empraxishealing.com
Unfortunately, I don’t know English, I use a translator.
My problem is that everything is blurred when viewed on the phone. -
Hi there,
I checked your site on my mobile phone, and it loads correctly without any blurred content.
Can you please take a screenshot of what you’re seeing on your end so that we can better understand what the issue is? Here’s how to take a screenshot: https://en.support.wordpress.com/make-a-screenshot/
-
-
-
-
Hi @empraxishealing, what do you have in mind for the site?
From the picture you sent, it sounds like maybe the issue is that your images are distorting when you view on mobile, and also the form is too squished on mobile. Is that correct? I also noticed the spaces between everything seem too large on mobile.
We can help fix these issues if you’ll confirm that’s what you hope to do, but if you want more changes can you share what you have in mind?
-
Also, I do want to point out we have a service that can build the site for you if you’d just like us to handle it. That can save you time with setup, then you can add your own content when you’re ready. For more info click here.
-
-
I would also like to request that the menu be displayed with text! Now three lines indicate that there is a menu.
-
I would also like to request that the menu be displayed with text! Now three lines indicate that there is a menu.
I would be happy if it worked -
I would also like to request that the menu be displayed with text! Now three lines indicate that there is a menu.
I don’t see a menu at all right now. Depending on how many links you have, I’d recommend keeping the three-lines mobile menu, otherwise your visitor’s whole mobile screen could just be menu items. That style of mobile menu is popular for that reason. Some people also choose to display that type of menu on desktop screens.
When you have added a menu, let us know if you need more help with that.
These are what I thought of.
Most of the things I’ve mentioned are already changed, but I still see the form looks funny. Can you edit it here?
Please remove the extra padding on the sides and see if that helps.
Also, I noticed something new on the page is now making it not fit across mobile screen. Please bear in mind, anything you set in pixel widths or heights could end up looking odd on a much smaller screen.
The pictures are no longer distorting. If you added widths to those to fix them, I’d recommend just removing them and re-adding them so we’ve got fresh start, then please update us here (without making further changes) if they are distoring on mobile again. We’ll see if we can figure that out.
Regarding big spaces, maybe setting a smaller height on mobile would be helpful. You could try adding this to Customize > Additional CSS:
@media screen and (max-width: 700px) { .wp-block-spacer { max-height: 2rem !important; } }And you could adjust that as needed.
-
Thank you for your help so far!
I changed the picture since then. I checked, the mobile view is still not the real one.
This would be the menu, or let’s call it navigation:
Instead of the three-line mobile menu, I want writing. If it’s not possible, can you somehow highlight or indicate that this is the menu?
It is important for me. Thank you very much for helping me!
-
Hi there,
I changed the picture since then. I checked, the mobile view is still not the real one.
I’m not sure what you meant by the “real one” can you clarify what you are expecting to see in mobile view instead? You are referring to the logo you have set in your site header? Or some other image instead? is the issue that it’s correct on some pages but not others? If so, which ones?
Instead of the three-line mobile menu, I want writing. If it’s not possible, can you somehow highlight or indicate that this is the menu?
Gotcha, thanks for clarifying. The overlay menu kicks in on mobile screens automatically, but you can turn it off by going to Appearance > Editor, and then editing your menu there. You will see if you click on the menu there are options on the right. Turn the overlay “off” and the text navigation will persist on mobile and not be replaced by an icon.
Hope that helps. Please let us know if you have any more questions.
-
Dear everyone who has helped me so far!
Thank you for your help and patience!
I would also like the images on this page to not appear out of place. I don’t know if the translator is translating correctly. So, the photos should not be distorted.Murányi Empraxis Healing©️
-
-
-
That’s because of the extra padding on that form. If you remove the padding, the form will be displayed correctly on mobile phones. To do that, open your front page in the Site Editor, select the Form block, switch to the Styles tab, and then adjust the padding accordingly. You can even reset the padding to its default values by clicking on the three dots. Here’s a screenshot to make things easier to find:
- The topic ‘mobile view’ is closed to new replies.
WordPress.com Forums 