template is not responsive to all mobile platforms
i am using a cloned template (thank you to the designer who designed the piece!) and amidst editing, i am finding that the site is not 100% mobile responsive, unless i caused it to be that way?

edit: i am the reason for the unresponsive mobile viewing – how can i fix this issue?

i have an iphone 6…
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 [chfilm](https://community.adobe.com/adobe-users/2292739) We're sorry Lightroom CC for mobile was not scaled to fit your 11" iPad Pro. The issue that has been addressed in a recent release. Please update to the latest version of Lightroom CC for mobile (v4.0.2) via the App store. Best, Carissa When designing for a variety of resolutions you want to scale down, not up. Do your design in a @2x resolution (640 x 960 @72ppi) and for the @1x assets you duplicate them to a new document (preferably) and scale them down by 50%. You can set up a Action script for this also to make the process go by faster. To learn a bit about Photoshop action script you can have a look [HERE](https://www.youtube.com/watch?v=BRpPGiGXcHc).


As for your second question, [HERE YOU GO](https://www.dropbox.com/s/sczltvow7jgtfiy/iPhone%204%20GUI%20PSD%20Retina%20Display.psd). The "reload" symbol you were after can be found in that Retina asset sheet, a sheet that is very good to have for anyone who wants to design for iPhone. 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. 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 hi marko :slight\_smile: welcome to the community.

if you use multiple devices, it makes sense to enable “send copy to yourself” everywhere, so you see your own messages on all devices: <https://delta.chat/en/help#what-is-the-send-copy-to-self-setting-good-for>

ios often stops delta chat from running… 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! absolutely. your website will look great on mobile devices. we don’t charge extra for this. it comes as standard. Please refer to the following FAQ regarding your phone's unlocking :
  

  
<https://ccm.net/faq/1038-why-ccm-doesn-t-help-unlock-mobile-phones-smart-watches-or-sim-cards>
  

  
Regards You are using position:absolute; Don't, it usually leads to endless problems.



Even if you had a real need to use it, why are you placing things at left 1400px!!!



This is right on the edge of the average monitor - how large is your monitor? I work with my browser open at a width of about 1000-1200px (note I didn't mention the size of my monitor). The main reason people have big monitors is so they can have two windows open next to each other, not so that they can run a browser window open at 2800px wide.



I suggest you start by looking at ordinary websites and studying the css. you'll discover that many sites use a wrapper div with a fixed width, while others use a wrapper div with a percentage width and a max-width, to prevent ending up with a huge long line of text 2500px long for example. Then they center the div using margin:auto. That gets the content in the middle of the page on the vast majority of screens, and browser viewports.



Don't lay out a screen using position:absolute. You are not painting pretty pictures on a screen, you should be using html and css to control the layout and check how the layout looks every time, by resizing the window looking for errors.



Also, a contact form needs the input boxes to be part of a <form>, so you'll have to read up on how they work. And a form needs an action, so you'll have to learn a bit about scripting, probably php. hi tomica, - - i can suggest that you try the following: -     - remove all of the styles to see whether some specific css is affecting the buttons appearance. -     - upgrade to latest telerik ui version - 2015.2.826 - if the above steps, however, do not help it would be better to provide us with a runnable sample that reproduces the issue, so that we can investigate it further. - - regards, - danail vasilev - telerik - - do you want to have your say when we set our development plans? - do you want to know when a feature you care about is added or when a bug fixed? - explore the - telerik feedback portal - and vote to affect the priority of the items -