cell phone navigation


Hello,


I am having a problem here.


I have two version of navigation that I have created: one for pc and the other one is for cell phone.


I have to leave the viewport setting like this: 



```
    <meta name="viewport" content="width=1280">
```

if I change it like this: 



```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```

everything will be out of proportion.


The only thing that I want to change is the navigation.


How the system could decide whether this is a pc or a cell phone and choose the right navigation ?


Anyclue?


I heard my friend mention using js or jquery - user agent or something like that but have not find the exact solution.


Please help.
You **DON'T** create two versions of your navigation! I told you (in one of your other four threads regarding this same issue) that you have to **REPLACE** the markup (HTML) from your current navigation with the navbar markup that comes with Bootstrap out of the box. The classes on that Bootsrap navbar will handle the responsiveness for your mobile nav. The only thing that you have to to do is change the default design of the navbar to that of your current navigation.


Check these two Bootsrap navbar examples.  

<https://bootsnipp.com/snippets/Oe7QM>  

The first is the **default** and the second the **inverse** version. The mobile version of the navigation is baked in the Bootstrap CSS file (which you load twice by the way on <http://www.purelineliving.com/> - Get rid of one!!!). You don't have to do much else!


You use Bootstrap so **STICK** to the HTML (markup) & CSS (classes) of the framework and certainly if you don't have any clue what you're doing.  

<https://getbootstrap.com/docs/4.0/getting-started/introduction/>


I also mentioned before that you have horizontal scrollbars on tablet and mobile screens, because your images are not responsive. They have all defined width and height attributes in the markup, so they won't shrink once the screen gets smaller.
hi there,

you should set every “height” to “auto”.

the “height” in your designer tool isn’t the same as a mobile phone. your elements in the blocks with a set height are probably bigger than the set height you used.

hope this works!

cheers,

max zijlstra hey [@rapha](/u/rapha) , could you try these changes on your mobile mode? this suggestion stems from the fact that your cart takes up the whole height and is really narrow.

[[image]](https://aws1.discourse-cdn.com/business5/uploads/webflow1/original/3x/c/1/c183e24cd6648f19454eddfe3bf89087e1edfa29.png "image")

the result i get is the following:

[[image]](https://aws1.discourse-cdn.com/business5/uploads/webflow1/original/3x/3/3/338e06df505307c5fdd1c817a2ba847bf9848d88.jpeg "image")

the height of the cart in px is not recommended personally, i would use either % v… links to a phone layout should have /phone in the code... I would assume you copy | pasted these links from your desktop layout and that of course makes them go there in stead but the good news is its easy to fixp.s, you did the right thing and its nice to see a designer do basic testing of their site on some cameras, there is a setting in the menu screen to adjust the brighness of the screen. i would also suggest just using the viewfinder to take pictures as well. okay, from an iphone i see the problem. make sure you don’t have anything on too high of a pixel measurement regarding width as well as make sure none of what you have on position other than auto is sticking out. hope this helps. :wink::+1: hi roland, the universal gui will ultimately become a fully-fledged alternative to the windows, web and mobile user interfaces. we will make sure that current layouts (with tabs and inline details) in windows and web are also supported in the universal gui, to make the transition as smooth as possible! well, never had a samsung, but i think that all of the cells have the same option: when u take a snapshot, u must press options>save, i think so, i've had nokias, 6600, n71 and nowi've got n93i and all got the same menu, or u simply press back and it automatically saves, but not in motorolas, that's all i can tell u, hope i've helped 
:) Hello, if you can get into your display settings, you should be able to set up the external monitor as the primary monitor, and save the new setting (so you don't need to reestablish this each time). 
  

  
Regards howdy @moufflon

does your phone allow you to define which sim your phone would use by default for data?

they might be an issue with a dual-sim phone, or a setting there within.

could you try removing the o2 sim, deleting the o2 apn settings and trying if the sim is working for data then?


kevin Hi Chris, Thanks for reaching out. You can achieve this using an anchor link, for more information please refer to this article: <https://helpx.adobe.com/ca/xd/user-guide.html/ca/xd/help/use-anchor-links-to-create-navigation-link-XD.ug.html> Let us know if this helps or if you need any further assistance. Regards Rishabh