As this is my first post here, I would like to apologize if I did something wrong with this thread.
About the problem: I have a problem with the background when I go to my website, but it appears only when I open it on mobile device. The website is www.mistralgroup.eu (It's in bulgarian, but I hope you get the idea)
You can check it and you will see what I mean - everything is fine and it works properly until I try to open in on my mobile device. Then 3 boxes with the main image are okay, but there is an orange container between boxes and footer, which is actually the background. But why it appears only when I use it on mobile? I tried different combinations, but it just doesn't work. I know it's not a hard to solve problem, but it makes me nervous.
Thanks in advance and best regards,
Your website is not Responsive. That is the problem. The orange part is present in mobile view but u have scroll to right to see it.
Related
I’m quite a newbie around here so this kinda feel like I’m learning sanscrit. Thrilling and overwhelming at the same time.
Anyway, the thing is I'm using wordpress at my laptop and I'm sttrugling at keeping my pics at the size expected when I switch to android. They look totally fine on the laptop preview for the phone, but on the real world they're basically turning into a thumbnail. I attach a picture of expectation versus reality
I apologize in advance because I suspect this is part of the ABC of programming; I don't even know if I should be uploading my pics with a particular size. I promise I'm training to become a proper padawan, and 'll appreciate any feedback.
Thank you so much for your time, and have a great day!
If you are starting with Wordpress, best thing to do is to work with themes supported by Elementor & one that allows you to modify the design for desktop, tablet, & mobile versions separately.
-Select 'Edit with Elementor'
-select the section with these six pictures. in the '#Edit Section' box at the right, you will see three options- layout/content, style, advanced.
-Select 'Advanced' and scroll down till the bottom section.
-Select the 3rd last option, 'Responsive'. From here you can hide the mentioned section for mobile.
It would look something like the attached picture
DO BEAR IN MIND THAT I HAVE ADDED SAME BUTTON TWICE - the button at the left is visible to site visitors using desktop/tablet. At the right part, you can see same button blurred. That's 'cause I hid it from Desktop & Tab.
Similarly, you too have to add section with pictures again to show in mobile only.
For that, find and click on Responsive icon & select Mobile.
Decorate the section just the way you want and do not forget to hide it from PC & Tab.
I'm working on a Squarespace website (I can't post the link because of privacy reasons). I'm adding an announcement bar to the site, for covid info. It works fine almost everywhere, except on chrome in android. On that browser, when the page is first loaded, the very top of the text is cut off. Here's an image:
Image of bar cut off. (sorry it isn't a screenshot my phone won't take screenshots in incognito and it was in incognito for unrelated reasons).
Chrome won't allow me to scroll up anymore, which would correct the issue. When I reload the page, it starts off looking the same. However, I now I do have the ability to scroll up.
I've attempted a couple of solutions. Firstly, I've tried to set the z index of the bar higher. But that didn't help. I've also tried to add a script which automatically scrolls the user to the top using window.scrollTo(0, 0); but that also failed.
Sorry I can't show code, it's a Squarespace site. I hope someone can help. Thanks.
Edit: I've done some checking and it happens on computer chrome too when I make the screen small enough, but NOT when I switch "devices" in inspect element. However, the problem isn't there on iphone. Chrome on iphone uses webkit, while on other devices it uses Blink, so I think Blink may be the source of the issue
I'm writing a jQuery mobile app for Android/iOS using Cordova.
I've come across a bug which I've been trying to solve for a few hours and I just can't figure it out.
When changing pages using jQuery's $.mobile.changePage function, the page's toolbars positions are offset as can be seen in the attached image.
Once I open the keyboard or change the screen orientation it fixes itself.
This bug is not evident on iOS or desktop browsers from what I can tell.
Any help will be appreciated as I'm really pulling my hair out over this..
Thanks alot, Tal
** Please ignore the volume indicator
I have developed an Android app with phonegap and the content's height is bigger than the screen height. This is not a problem in most of the devices, but in some of them the app will not scroll all the way down, so I cannot see the lowest part of the app.
I edit to say that when the orientation is changed twice, and the screen is taken back to the original position, the whole height appears and the app works correctly.
Any suggestions about what the issue could be?
P.S. I do not mind providing code, but as I have no idea where the issue stands I do not know what I should show, and I do not want to drive you crazy showing code that is not necessary.
If it works on some devices and doesn't work on some, it probably be issue with the phonegap build. I have had the same problem before and it is really a nightmare. Nevertheless, may I have a look at your code, in fact, your xml?
Cheers,
What I want to achieve here is to shrink all of the Android's OS UI (everything inclusive) to use only 70-80% of the screen.
The reason is that I wish to have my area to put in whatever I want - apps icons which exist and are always visible (no matter if I am in a browser, or playing angry bird etc).. its like Windows's quick launch or Mac's dock which always stays there . I can also put some important text that I wish to see throughout my interaction with the device or anything else.
I just want to use 20-30% of the screen-size all by myself and run Android on the remaining portion of the screen.
Do you think it is possible? If so, can you please give me pointers?
Thanks much,
Rohan
There are two solutions for me:
1) create custom Android build. Change WindowManager code a little.
2) create own virtual keyboard which will serve keyboard and your stuff (http://developer.android.com/reference/android/inputmethodservice/InputMethodService.html)