Mobile

447

Solutions

734

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've got a media query that looks like this:

@media (min-width: 768px) and (max-width: 991px) {
            .watermark {
            position:absolute;
            margin-left:45%;
            margin-top:28px;
      }

}

As long as we're at 991 px or something within 50 px, it's positioned in the lower right hand corner exactly where I want it to be. But as we get closer to to 768px, it starts to drift closer to the center and it begins to look more and more like a mistake.

Is there a better way to ensure that the watermark stays fixed in the right hand corner? Or, do I have to create additional media queries to accommodate the dimensions within the range of 768 and 991?
0
Get HTML5 Certified
LVL 9
Get HTML5 Certified

Want to be a web developer? You'll need to know HTML. Prepare for HTML5 certification by enrolling in July's Course of the Month! It's free for Premium Members, Team Accounts, and Qualified Experts.

Hello,

On this page:

www.idiaper.com

There's a "Shop by Categories" area.

How do I get the category buttons centered in desktop and mobile?

#categories-frontp
{
text-align:center;
}

.banner-frontp
{
padding: 0px 0px 15px 0px;
text-align:center;
max-width:935px;
height:auto;
}

.buttons-frontp
{
text-align:center;
max-width:935px;
height:auto;
}

.buttons-frontp img
{
padding: 11px 11px;
float:left;
max-width:182px;
height:auto;
}

Open in new window


<div id="categories-frontp">
 	<div class="banner-frontp"><img style="border:0px" alt="shop-by-category-home-page-title" src="/assets/images/shop-by-category-banner-frontp.gif"></div>
 		<div class="buttons-frontp">
 		<a href="http://www.idiaper.com/adult-pullups"><img style="border:0px" alt="pull ups button" src="/assets/images/adult-pull-ups-frontp.gif"></a>
		 <a href="http://www.idiaper.com/adult-diapers-with-tabs"><img style="border:0px" alt="adult diapers with tabs button" src="/assets/images/adult-diapers-with-tabs-frontp.gif"></a>
		 <a href="http://www.idiaper.com/adult-cloth-diapers"><img style="border:0px" alt="adult cloth diapers button" src="/assets/images/adult-cloth-diapers-frontp.gif"></a>
		 <a href="http://www.idiaper.com/mens-diapers"><img style="border:0px" alt="mens diapers button" src="/assets/images/mens-diapers-frontp.gif"></a>
		 <a href="http://www.idiaper.com/womens-diapers"><img style="border:0px" alt="womens diapers button" src="/assets/images/womens-diapers-frontp.gif"></a>
		 <a 

Open in new window

0
Here's my css:

<style type="text/css">
	html, body {
		margin: 0px;
		padding:0px;
		font: 14px sans-serif;
		height:100%;
		background:#ffe39a;
		background: -webkit-linear-gradient(#eaad02, #ffe39a); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#eaad02, #ffe39a); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#eaad02, #ffe39a); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#eaad02, #ffe39a);
		min-height: 100%;  /* Fallback for vh unit */
		min-height: 100vh; 
	}

	h4 {
		margin: 10px 0;
		color: #1823a0;
	}
	
	.container {
		height:100%;
		display:flex;
		justify-content: center;
		align-items: center;
		flex-flow:column wrap;
		flex-direction:column;
	}
	
	.content {
		max-width:625px; 
		border:1px solid #7b5b01;
		-moz-border-radius: 14px 14px 14px 14px; 
		border-radius: 14px 14px 14px 14px; 
		box-shadow:7px 7px 10px #7b5b01;
		display:flex;
		justify-content: center;
		align-items: center;
		flex-flow:column wrap;
		flex-direction:column;
	}
	
	.form_label {
		display:inline-block; 
		text-align:left; 
		font-weight:bold;
	}
	
	.orange_row {
		background:#934e00;
		background: -webkit-linear-gradient(#934e00, #f26a00); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#934e00, #f26a00); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#934e00, #f26a00); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#934e00, #f26a00);
		border-radius: 0px 0px 14px 14px; 
		width: 100% 

Open in new window

0
Have Exchange 2013 CAS+Mailbox servers = 2 and 2 domain controller. Both have Exchange 2013 sp1. Among two servers primary exchange server holds just the arbitration mailboxes and another one holds all the mailboxes. The owa and ECP access are routed through primary and it was working fine, suddenly OWA stopped working but ECP works fine. Tried recycling the owa application pool and even restarted the primary. But still the same. Couldn't find any specific error for the OWA. Any suggestion would be appreciated.

OWA ERROR :
 The item you tried to access no longer exists.
The item wasn't found. You or a delegate might have moved or deleted it using another computer or a mobile phone.
0
My OS is win 10 pro 64 bit and I have a LG MS323 phone which I am trying to setup in iTunes.  I downloaded the latest version, and it did not install the phone.  On researching around I saw that i should try the version 12.1 , so I uninstalled all previous versions of iTunes using the software Revo Uninstaller and then downloaded the 12.1 and installed.  The installation went thru but when I tried to load it I got the error as in the attached file, that there was a library already created in a previous version.  But I thought that the Revo would have deleted 'everything' from iTunes and will not leave any traces any where.
Can the experts please suggest a solution to this problem. Thank u.
Previous-library-created-error.JPG
0
My OS is win 10 Prof 64 bit and I have the latest version of iTunes.  I also bought a new pc micro usb cable as I think the old was a cheap one and could be the cause.  But with the new cable, the phone which is a LG Model MS323 does not show in iTunes.  My mobile carrier is ultramobile which is a subset of Metro PCS.  
Hope the experts please let me know how to fix this problem.  Thank u
0
Exchange server 2016  version 15.0 (build 847.32)  with around 300 users.
They are unable to search for mail. It works with cached exchange mode but that doesn't help with not being able to search on mobile devices and OWA.


I went through the steps of stopping the search services and deleting the old index. Its back to corrupted state again..
On ECP it says content  index state: failed and suspended. On the server in the exchange management shell it says corrupted.

- Not sure if this has anything to do with my problem but i looked in database availability groups and I see nothing there. -

content-error.JPG
0
Hi Guys,

I was wonderhow i can fix the quality of the images in the carousel on mobile here https://cocoabrown.ca ?

They seem great on desktop they just look really low on mobile
0
Dear Team, can anyone show me where to begin with C++ in programming mobile apps?

I'm a newbie in C++ so if possible, pls give me links for the Beginners.

Many thanks in advance,
0
I've created my first Visual Basic.NET Application to run on a tablet.  When I run the application on the tablet it runs fine, looks great.  Only one problem, when I rotate the tablet from Landscape to Portrait the application remains in Landscape mode.  Why?  How do I fix this?
0
Get 15 Days FREE Full-Featured Trial
LVL 1
Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

What are the main security consideration and risks associated with accessing a web application through a mobile phone? Are there any specific to using a mobile phone rather than a PC/Laptop?

We have an application that is web based, an update to this has added the functionality to access this through a mobile.  I was fairly happy as normally the application would be accessed from PCs/Laptops attached to our network.  However the thought of access through a mobile phone that could be lost or accessed if there is no PIN makes me a bit nervous to how insecure we may now be making the application.

Are there any specific controls I should be checking are in place with regards to mobile access?
0
hello,

i have an account and need to know how much his email usage like how many emails he sent , size of email , from mobile or outlook, IP.

how i can get the above details from exchange 2010 & 2016.

Regards,
0
Grrrr, not sure why I can't get this to work.  I am trying to make the background of this widget area (which is now yellow) to black.  When I use the inspector, it says to modify this code:
.education-pro-blue .home-middle {
   background-color: #yellow;
}

Open in new window

But when I go into my css and add this with black as the color, it never changes!  Not sure what is going on.  Perhaps something is overwriting it?

Screen shot
https://screencast.com/t/ZREVkzyR

Beta site
http://24a.762.myftpupload.com/
0
I have installed theme invention and have created a slider with 3 slides. One of them with an UL Li content.

The slider with UL has description hidden, not sure what is overlapping and why the CSS is breaking.

This issue happens only in the Mobile view.

Any help appreciated.

http://www.shaperweb.com/exploringhealthcare/
0
Look at http://olaffrenecleaningservice.com/

When you shrink the screen down to mobile size you get something like this:

screenshot
I want to put the "free estimate" graphic on its own line and the name of the company on its own line.

I'm seeing some CSS elements that I'm not familiar with ("inherit"). In any case, how can I put these two elements on their own "row" when the screen gets to mobile size?
0
I am getting onedrive config error in my iphone mobile
0
I started to see an issue where some of the iphones and Ipads outlook mobile client stopped working. the issue is happening on the local network as well as remotely.  I have exchange 2010 with to CAS servers.  There are a bunch of event 4625 showing up on both servers.  Below is the output of the two 4625 errors any help would be great.  


An account failed to log on.

Subject:
      Security ID:            NULL SID
      Account Name:            -
      Account Domain:            -
      Logon ID:            0x0

Logon Type:                  3

Account For Which Logon Failed:
      Security ID:            NULL SID
      Account Name:            
      Account Domain:            

Failure Information:
      Failure Reason:            An Error occured during Logon.
      Status:                  0xC000006D
      Sub Status:            0x80090325

Process Information:
      Caller Process ID:      0x0
      Caller Process Name:      -

Network Information:
      Workstation Name:      -
      Source Network Address:      -
      Source Port:            -

Detailed Authentication Information:
      Logon Process:            Schannel
      Authentication Package:      Microsoft Unified Security Protocol Provider
      Transited Services:      -
      Package Name (NTLM only):      -
      Key Length:            0

An account failed to log on.

Subject:
      Security ID:            SYSTEM
      Account Name:            MIEX4$
      Account Domain:            MI
      Logon ID:            0x3E7

Logon Type:                  3

Account For Which Logon Failed:
      Security ID:            NULL SID
      Account Name:            
      Account Domain:            

Failure Information:
      Failure Reason:            Unknown user name or bad password.
      Status:                  0xC000006D
      Sub Status:            0xC0000064

Process Information:
      Caller Process…
0
Is there any solution to access to the shared calendar in Andrioid and iphone ?

Thx
0
I am creating a website in the Divi theme in Wordpress, the buttons on my mobile page are listed underneath each other but I would like to align them. The webpage is https://capitolreef.entrr.io/photography/landscape/ (it's about the specific landscape page) please note that I created different buttons for desktop and mobile, on desktop they are perfectly fine, but the mobile site is the problem. I've tried several CSS codes, but up until now nothing worked.
Can somebody help me out? Thanks in advance!
0
Optimize your web performance
LVL 1
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

Exchange 2016 on Server 2012 R2.

Exchange is working fine.

Mobile users, all on iPhone, can connect to the Exchange Server for mail when they are off site, but not while on site & connected to the LAN Wi-Fi.

If they turn Wi-Fi off, they connect (obviously via cellular)

Why can they not connet through the LAN Wi-Fi?
0
I widen Footer 3 Widget that has the "Visit Us" address info at bottom of site so that the city, state and zip were all on one line.  
http://681.3b0.myftpupload.com

.footer-widgets-3 {
  width:300px;
}

Open in new window


I reduced width of Footer 4
.footer-widgets-4 {
    float: left;
  width: 340px;
}

Open in new window

and that did help positions things more attractively on desktop but it laid goofy on mobile devices.  The "How Can We Help" info appears flush left.  I would like the "Call Us" and "Visit Us " to also float left.  That is how they are setup but is doesn't work.
0
I want to put a mod_rewrite rule in httpd.conf to handle mobile requests. If the browser on the sending device accepts mobile stuff, I want to rewrite the request to the original file name with an "m_" in front. So if a mobile device sends

https://example.com/51/a1.html
I want to rewrite it to

 https://example.com/51/m_a1.html
I have the lines below now in httpd.conf:

RewriteCond %{HTTP_ACCEPT} "text\/vnd\.wap\.wml|application\/vnd\.wap\.xhtml\+xml" [NC]

RewriteRule ^example.com/([0-9]*)/(.*)$ ^example.com/$1/m_$2
But requests from a mobile device don't get rewritten. Does anyone see the problem?

Thanks
0
I would like to know if there is a web site which lists all the location of 4G and 3G mobile phone transmitters in the UK and also the frequency used e.g. 1800mhz etc.
0
I want to create a new asp website with the following tasks: login, signup, and view products after login, the site connect to MSSQL database
and I have to build a mobile application using wml and wmlscript.

I've done this task but I've made my pages mixed (all pages with asp extension have the wml and vb code)
now I should separate the code and publish my asp website and design an android application that connect to this site.

P.S it is a homework, and I should design two mobile applications(one using wml and the other using andriod eclips)

can someone advise me how to separate asp files, I suppose these asp pages should return JSON object  but how I will handle it in wml code,
in the another application I will handle it using java

any hint will help me

Thanks
0
I am using centric pro theme on genesis platform.  On home page, there is Home 2 widget where I can put a featured page and can show featured image.  

The size options offered are not ideal.  The one we are using now is pretty large at 960x700.  Is there a way we can modify it so there is a smaller size option?  The next size down is 400x300 which is too small.  

screenshot of widget
https://screencast.com/t/Wje1umCQSdL

Beta site
http://681.3b0.myftpupload.com
0

Mobile

447

Solutions

734

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.