Hi,
I have a web application specific for mobile. I am testing the application using IPhone.
I want to set up the image icon displayed in the left panel as my screen above.
Could you please advise how to achieve?
Related
I have the next question. I am developing a react application with some images. The user has the possibility to click and open a full-page image. Because the image's orientation is horizontal on the mobile, it does not look good. My idea is when the user clicks on the full page icon, the orientation of the phone becomes horizontal as is implemented on youtube. I tried to find some information about that, but I am not sure if it is even possible, I saw that only by using react native and developing mobile applications you can have access to the user's orientation of the screen. But maybe there are some methods to do in the browser? Thanks in advance.
It is not possible to change this from the web, however you could simply rotate the image and display it full screen. This has been done here:
CSS Rotate Portrait Image 90 Degrees and Make Image Full Screen
Weebly Fancybox/Lightbox Mobile Issues- X layered behind image and Images too high
Can anyone assist with the following issues:
1- How can I make the close X button in fancybox/lightbox layer in front of the image? In mobile view the X is often partly or fully hidden behind the image and can't be clicked, this happens when the image is quite wide.
On mobile, the images in the fancybox/lightbox appear toward the top of the image screen on mobile, do you know how to centre these on the mobile screen?
I have questions about off-canvas menu for mobile phone and tablet. My website is burak.expandingcode.com
Mobile side:
When I navigate the website using my mobile phone (Iphone7) in portrait and landscape mode in off-canvas menu, I want to add a logo under the flags.
(mobileportrait.png, mobilelandscape.png)
Tablet side:
When I navigate the website using my tablet (Samsung Galaxy Tab S) in landscape mode, I want to add off-canvas menu instead of mega menu like portrait mode. (tabletlandscape.jpg)
Could you please help me about these subjects?
For your first problem:
You can add a new menu item with your logo at the beginning of the menu, and then hide it on desktop using #media and css selector first-child
I have a site which uses a different menu for mobile devices than on the Desktop version using media queries. If I resize a desktop browser window to a mobile width and click the mobile navigation dropdown button and then resize the window back to desktop size, the mobile menu remains visible instead of changing back to display:none. Unfortunately this site is still in staging so I cannot show you a live example, but I was hoping someone could point me in the right direction of getting that DIV to become hidden again once the window is resized back to full screen.
Also, I realize that the chances of this scenario playing out in the real world are slim, but the client would like for it to be addressed anyway.
Thanks!
I figured out that it was javascript that was showing the DIV in the first place, not a media query, so I just added display:none to the div for the Desktop media query and the issue has gone away. Thanks!
I searched for this and couldn't find any references to this.
In my iOS universal app, I wanted to display the information icon (same as the utility application) at the bottom right of my main view controller and use the same both for iPhone and iPad to flip over to display information about my app and other things. On the iPadd Utility application template with XCode 4.6, the information icon is displayed as a button on the navigation bar and a UIPopOver control is used to display information.
In my case, I don't want to use a UIPopOver on the iPad but use the same flip over effect both for iPhone and iPad when clicking the information icon. Is this a valid as per Apple's guidelines or guaranteed for rejection?.
I do exactly what you're thinking of doing in my app. I used the flip transition to display my info page using the information icon as the button image. I had no problems with Apple regarding this when I submitted.