Mobile

651

Solutions

937

Contributors

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Share tech news, updates, or what's on your mind.

Sign up to Post

I have an Apple iPhone, model BG7022LL and the serial number is 87005LKHY7H.  This is legacy phone and it works as my prev LG phone dropped dead.  I want to find what model this apple iPhone is, is it 3 or 4 .  So that I can see if there are any tutorials on how to use it.  My carrier is Ultra Mobile. Thank u and regards.
0
[Webinar] Kill tickets & tabs using PowerShell
LVL 12
[Webinar] Kill tickets & tabs using PowerShell

Are you tired of cycling through the same browser tabs everyday to close the same repetitive tickets? In this webinar JumpCloud will show how you can leverage RESTful APIs to build your own PowerShell modules to kill tickets & tabs using the PowerShell command Invoke-RestMethod.

I have a mobile phone which is a LG Optimus L70 (LGMS323) and the carrier is Ultra Mobile.  I have now a gifted Apple iPhone5.  My question is if I can transfer the SIM card from the LG to my apple iPhone5, and the phone number will function as the old LG.  Thank u and regards
0
Are pervasive computing and mobile computing different?
0
I'm looking for a way to determine if my web pages are being loaded via a web browser, web view in mobile apps. or iframe in the Touch Browser app. I'm hoping there is some way but not sure? I need this functionality due to the issue of having to load specific JS files based on a user using a browser to view our web pages or an application. Any ideas? I'm assuming that the "window.navigator" object is my best bet?

Thanks!
0
We have a visitor from China. Their iPhone 7+ has a sim card and their mother called them today. I received the call on my phone. I can not call back because their phone number is international. My phone can not call international.
He needs to be able to call local (domestic) and to and from China. Best Buy suggested Simple Mobile (powered by T-Mobile) which gave him a sim card. When the card is put into his phone it asked if he wants to keep his own number or get a new number.
In my non technical mind, either choice creates issues. A new number then all his friends and family will be able to call him any time they like if he gives them all his new number. But when he returns to China will he have to re-activate his own phone number?
If he keeps his own phone number the only way we can communicate daily is if he calls me. My Verizon phone can not call him.
Then it was suggested to go back and forth between the two sim cards. One for China to and from USA and the other for USA only.

I have two phones. Easily the fix is for him to use one my phones and I use the other and that is how he makes local calls.
His other phone will be the communication method for him to and from China. He declines, I think out of respect or other, thinking that he might lose or damage my phone. I disagree.

This new Simple Mobile sim card requires the purchase of a Service Pin (Service Plan) using a credit card. We already bought a $25 card that is unlimited call and text to China.
What …
0
I want the textbox that I've got on my page to shrink in size relative to the size of the browser so it's truly mobile friendly. Right now it's correct-ish. It gets to a certain width, and then it ceases to get any smaller.

In addition, I want the text within the div to be nowrap and there to be a scroll bar at the bottom so the user can scroll over to the side to see the code rather than it getting all bunched up,

The page is http://brucegust.com/eResume.

What do I need to change?

Thanks!screenshot
0
"File too big" email error is occurring for users we have just switched over to new Iphones, from Droids.  when sending emails from their old Motorola Droids, they did not have this issue - so it's something with the new Iphones, it seems.  They are using Exchange email accounts from IPhone 6S phones.  any help is appreciated.
0
I have to write a program to read the scanned QR codes from mobile and direct it to website or a specific URL location.
How can we do that?
WHat tools we need and what code we need to write it?
0
Hello,

For some reason, my ask-a-nurse image on mobile is not centered. It's the nurse image at the top of the page.

The buttons under it are centered on mobile, but the nurse picture isn't. Could you tell me how to center it and keep everything else the same on all devices?

www.idiaper.com

<div id="iconDiv-nurse" style="text-align:center">
<a id="nurseImg" href="http://www.idiaper.com/Ask-A-Nurse_ep_29.html"><img id="left-nurse1" alt="ask a nurse button" src="http://www.idiaper.com/assets/images/left-nurse2.jpg"></a><div id="nurseLinks">
  <a href="http://www.idiaper.com/womens-diapers"><img alt="for women button" src="http://www.idiaper.com/assets/images/women-nurse2.jpg"></a><a 
  href="http://www.idiaper.com/Auto-Reorder_ep_43-1.html"><img alt="auto-reorder button button" src="http://www.idiaper.com/assets/images/auto-ship-nurse3.jpg"></a><a 
  href="http://www.idiaper.com/mens-diapers"><img alt="for men button" src="http://www.idiaper.com/assets/images/men-nurse.jpg"></a><a 
  href="http://www.idiaper.com/overnight-adult-diapers"><img alt="overnight products button" src="http://www.idiaper.com/assets/images/overnight-nurse2.jpg"></a><a 
  href="http://www.idiaper.com/adult-pullups"><img alt="pull ups button" src="http://www.idiaper.com/assets/images/pull-ups-nurse2.jpg"></a><a 
  href="http://www.idiaper.com/adult-cloth-diapers-briefs"><img alt="adult cloth diapers button" src="http://www.idiaper.com/assets/images/acd-nurse2.jpg"></a>

</div> 
</div>

Open in new window


#nurse-cat
{
float:left;
background-color:#3690cf;
color:#fff;
font-weight:normal;
padding:1%;
padding-right:2%;
}

#nurse-cat a,#nurse-cat a:hover, #nurse-cat a:visited
{
text-decoration:underline;
}

#nurse-cat a:hover
{
color:#9fa2a3;
}
#nurse-cat a:visited
{
color:#46c4ff;
}

#nurse-cat img
{
float:left;
margin-right:10px;
}


@media screen and (max-width: 600px){

#nurse-cat img
{
width:135px;
}

}

Open in new window

0
I read there is a way to upload a video to a YouTube channel using a unique email address created when the YouTube channel was built.
I can't find that email address: https://www.youtube.com/watch?v=sd3CJUnGhZA
I am conducting a video contest. I need all of the submissions submitted to the YouTube channel.
I don't want the participant(s) forced to enter a username and password to upload their video(s). I want the participant to use the email address, attach the video to the email and upload the video to the YouTube channel.

Where is that email address?

Any suggestions or help are appreciated!

Thank you!
0
Learn to develop an Android App
LVL 12
Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

When you select the option to wipe data from mobile devices within the exchange admin portal of Office 365, what exactly happens there and what are the limitations?

If I immediately disable or change passwords on the account, will it still wipe data or do they need to have access to log into their phone's email account before it wipes the data?

I would think it's going to make a connection to the exchange server regardless of whether or not the account is disabled or the password is incorrect, and would hope it wipes the data anyway.

Mainly I want to know if I'm wasting time doing the wipe if the end user is terminated and their account is disabled or the password is changed.

Thanks!
0
Just noticed this morning when I checked my phone after what I thought had been charging over night had not charged at all. I checked the power strip and charging cable and nothing seemed wrong there. I checked other devices and they were charging correctly, so it must be my phone.

I have an IPhone 5c, has anyone else had this kind of issue? If so were there any solutions out on how to fix this? Hoping to not have to buy a new phone at this moment but just might have too.
0
Please help with my JQuery click logic.
currently I can only hide the mobile menu when I click the menu button. I want it to hide when we click on any menu item or anywhere outside the menu as well. What I cannot figure out is how to hide the main menu in mobile mode but not desktop mode and not breaking the sub-menu function.
Code below is in 3 parts first JQuery, then CSS then HTML

(function($) { // Begin jQuery
  $(function() { // DOM ready
    // If a link has a dropdown, add sub menu toggle.
    $('nav ul li a:not(:only-child)').click(function(e) {
      $(this).siblings('.nav-dropdown').toggle();
      // Close one dropdown when selecting another
      $('.nav-dropdown').not($(this).siblings()).hide();
      e.stopPropagation();
    });
    // Clicking away from dropdown will remove the dropdown class
    $('html').click(function() {
      $('.nav-dropdown').hide();
    });
    // Toggle open and close nav styles on click
    $('#nav-toggle').click(function() {
      $('nav ul').slideToggle();
    });
    // Hamburger to X toggle
    $('#nav-toggle').on('click', function() {
      this.classList.toggle('active');
    });
  }); // end DOM ready
})(jQuery);
body {
  margin: 0;
}

nav {
  float: right;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  float: left;
  position: relative;
}

nav ul li a {
  display: block;
  padding: 0 20px;
  line-height: 70px;
  background: #262626;
  color: #ffffff;
  text-decoration: none;
}

nav ul li

Open in new window

0
We are about to deploy Office 365 to our organization.  We have always used Exchange ActiveSync Access to quarantine mobile devices attempting to sync with Exchange, and we have set this up in Exchange Online.  Now our concern is users signing into mobile devices with apps like Teams, OneDrive, Skype for Business, etc.  Is it possible to block these applications from being used on mobile without admin approval?
0
Trying to get this to look good on all devices. Please help.

Page: http://www.idiaper.com/depends-diapers

It's just the top blue box with the ask-a-nurse image in it. It looks bad when I resize the screen and also on tablet and mobile.

Need the font to be big all the time. We are dealing with older people:

Sometimes text-align:center has to be inline with our cart, btw.

Looking for html and css to copy and paste in, and if you want to explain your code so I can learn that would be great.

<div id="category11">
	<div id="ask-a-nurse-cat">
	<a href="http://www.idiaper.com/Ask-A-Nurse_ep_29.html"><img class="responsive-left" 				    	src="/assets/images/ask-a-nurse-cat2.gif">
	</a>
	</div>
	<div id="cat-top-right">
	  <h1 style="font-size:120%">Depends Diapers for Adults at iDiaper.com </h1>
	Below are Depends Diapers for men and women. There's some unique items in these 				categories like the Depend Adjustable Underwear (heavy) that's a pull up but it has tabs 	on the side for adjustment as well. 
	</div>
</div>

Open in new window


#category11
{background-color:#3690cf;
padding:5px 5px;
}

#category11 h1
{
color:#fff;
font-size:20px;
}

#category11 p
{
color:#fff;
}

#category11 p a, #category11 p a.visited
{
color:#0d3d5f;
text-decoration:underline;
}

#ask-a-nurse-cat
{
display: inline-block;
width:18.289%;
height:auto;
}
#ask-a-nurse-cat img
{
display: inline-block;
width:100%;
height:auto;
}
#cat-top-right
{
width:81.7%
height:auto;
text-align:left;
display: inline-block;
vertical-align:top;
padding-left:2%;
}


@media screen and (max-width: 600px){
#ask-a-nurse-cat
{
display:block;
max-width:171px;
padding-right:10px;
padding-bottom:10px;
}


#category11
{
font-weight:normal;
}

Open in new window

0
Hello,

How do I get the buttons that are under the ask-a-nurse button on the attached screenshot (broken.png) to float left next to the nurse? Looking for 6 buttons to the right of the nurse.

Also, make sure it looks good on mobile.

Looking for html & css

<div id="nurseLinks">
<a href="http://www.idiaper.com/Ask-A-Nurse_ep_29.html"><img id="left-nurse1" alt="ask a nurse button" src="/assets/images/left-nurse2.jpg"></a>
<div id="iconDiv-nurse">
  <a href="http://www.idiaper.com/womens-diapers"><img alt="for women button" src="http://www.idiaper.com/assets/images/women-nurse2.jpg"></a><a 
  href="http://www.idiaper.com/Auto-Reorder_ep_43-1.html"><img alt="auto-reorder button button" src="http://www.idiaper.com/assets/images/auto-ship-nurse3.jpg"></a><a 
  href="http://www.idiaper.com/mens-diapers"><img alt="for men button" src="http://www.idiaper.com/assets/images/men-nurse.jpg"></a><a 
  href="http://www.idiaper.com/overnight-adult-diapers"><img alt="overnight products button" src="http://www.idiaper.com/assets/images/overnight-nurse2.jpg"></a><a 
  href="http://www.idiaper.com/adult-pullups"><img alt="pull ups button" src="http://www.idiaper.com/assets/images/pull-ups-nurse2.jpg"></a><a 
  href="http://www.idiaper.com/adult-cloth-diapers-briefs"><img alt="adult cloth diapers button" src="http://www.idiaper.com/assets/images/acd-nurse2.jpg"></a>
</div>
</div> 

Open in new window


#imgLinks-nurse {
text-align:center;
background-color:#3babdd;
}

#iconDiv-nurse {
padding-top: 0.8em;
float:left;
background-color:#59c8fd;
}

#left-nurse1
{
float:left;
width:29.2674%;
}

#iconDiv-nurse img{
width:23.2086%;
border:0;
margin-top:-5px;
flaot:left;
}

#iconDiv-nurse a{
border:0;
margin:0;
vertical-align:center;
}


@media screen and (max-width: 600px){
   #iconDiv-nurse img {width: 50.33%;}
   #leftnurse1 img {width: 100%;}
}

Open in new window

broken.png
0
I have a website which is on process of being built with Wordpress.
I need to upload panoramic photos taken with mobile. So far the plugin that I found aren't good enough. The only solution which suites my need so far is the one implemented of Facebook.

Can anyone suggest a plugin or a solution for uploading panoramic photos and obtain the same effect is obtained with Facebook?

Thanks for any contribution.
0
Hello,

page: www.idiaper.com

I am serving something different to under 600px. Everything is working right now but the code is very bloated with a lot of unnecessary items. I'm going to first attach the code that is working that I'm using, then attach some code that Slick812 gave me that is a partial solution to the bloated code that you can use to complete the clean code. Hoping Slick812 can step in, anyone else is free to help.

Thanks.

My CSS and html:

#smallhomemenu
{
height:0px;
overflow:auto;
}

#home-menu
{
background:#3babdd;
max-width:100%;
height:auto;
}

#home-menu, #home-menu .top,#home-menu .bottom
{
max-width:100%;
height:auto;
}

#home-menu, #home-menu .top,#home-menu .bottom,#home-menu .top-4-guides,#home-menu .8-minute-video,#home-menu .faq,#home-menu .glossary, #home-menu .best-6-adult-diapers
{
float:left;
padding:0px;
margin:0px;
background:transparent;
}

#home-menu .top-4-guides,#home-menu .8-minute-video,#home-menu .faq,#home-menu .glossary, #home-menu .best-6-adult-diapers
{
max-height:155px;
max-width:133px;
overflow:hidden;
background-transparent;
}

#home-menu .top
{
margin-bottom:0px;
max-width:100%;
}

.bottom
{
margin-top:-5px;
max-width:100%;
background-color:#3babdd;
}

.holder-buttons-home
{
max-width:100%;
height:auto;
}

.holder-buttons-home div {
	width: 16.666666%;
	height:auto;
	background-color:#3babdd;
}

.holder-buttons-home div img {
	width:100%;
	max-height:133px;
}


@media screen and (max-width: 600px) {

Open in new window

0
I have a site that looks great on a desktop but would like to tweak it so that it'll look good on a mobile device.
It's a simple site. Text and a few links.
I have a few pages hosted. One with a bio and a photo, another few pages with links to other sites (articles).
0
Hire Technology Freelancers with Gigs
LVL 12
Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Hello,

Can you tell me the code adjustments (both html and css) to get this:

www.idiaper.com (top row of buttons and blue box)
Note that it's an online store service so sometimes you have to hard-code text-align:center

1. Looking good on all devices
2. With the circles centered at all browser widths (right now they go to the left)
3. blue background on all devices and browser widths
4. anything else that needs adjustment.

Thanks.

<div id="home-menu" style="text-align:center;background-color:#3babdd;">
<div class="holder-buttons-home" style="text-align:center">
	<div class="top" style="float:left">
	<img alt="top of menu that says, relax, breath, you've come to the right place, clickable menu below" src="/assets/images/top.gif">
	</div>
			<br>
		<div class="top-4-guides" style="float:left">
		<a href="#top-4-guides"><img alt="top 4 guides button" src="/assets/images/top-4-guides.gif"></a>
		</div>
		<div class="shop-by-category" style="float:left">
		<a href="#shop-categories"><img alt="shop-by-category button" src="/assets/images/shop-by-category.gif"></a>
		</div>
		
		<div class="8-minute-video" style="float:left">
		<a href="#8-minute-video"><img alt="8-minute-video button" src="/assets/images/8-minute-video.gif"></a>
		</div>
		
		<div class="best-6-adult-diapers" style="float:left">
		<a href="#best-6"><img alt="best-6-adult-diapers button" src="/assets/images/best-6-adult-diapers.gif"></a>
		</div>
		
		<div class="faq" style="float:left">
		<a

Open in new window

0
Hi,

 Prohibit use of Internet Connection Sharing on your DNS domain network and Don't Allow hosted networks have been enabled through GPO and I want to make sure that the GPOs are working fine.

When the GPO is applied, on Windows 10 Mobile Hotspot is disabled and on either on Windows 8.1 or 10, when the user goes in CMD with administrator privileges to create a hosted network the below occurs:

You must run this command from command prompt with administrator privilege
Attempts to start any hosted network results in the below:

The group or resource is not in the correct state to perform the requested operation.
I want to make sure that this is expected behavior as a result of the GPO. Although it is prohibiting users from creating hosted networks, I am looking for proof that these errors are actually the result of the GPO being applied. Tried looking into Event viewer but cannot find relevant events.

Any heads up on if these are actually valid errors as a result of the GPO?

Thanks in advance
0
Hello

I am looking for an app that can tell me how to get from A to B from my car but also base this on traffic etc.

I know there is Apple Maps, Google maps and so on but does this take into traffic and roadworks?
0
HI all,

This is more of a hobby based question.

I want to get friends, family & work colleagues to take part in recording our training activities in Miles / Km's as a way to encourage fitness in the new year with a bit of a leaderboard for the competitive ones.

Not all of them are on the same mobile app or social media platforms so I'm looking for someone to recommend a basic website which we can log into and record our activity, nothing more than an online excel spreadsheet really.

Any recommendations will be appreciated.
0
I have tried on 3 machines (Win 7) and 3 mobiles (Android) but only one combination shows up as COM3 in Hyperterminal.
My purpose is to send SMS via Serial port. I can send successfully from this one combination.
I want the others to work too. All mobiles connect to the machine and I can access the Internal and External drives.

By COM3 I mean COM1,2,3,4....
0
Wonder how many IT engineers using MS Surface as a primary device instead of a traditional laptop.  Any pros/cons?
Easy to connect to dual screen displays via the docking stations, etc.  Network port throughput?  Memory, CPU?  

Any suggestions input appreciated.
0

Mobile

651

Solutions

937

Contributors

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.