Load the Image when running on the mobile device

Similar Questions

• Muse phone site does not display correctly when read on the mobile device, all the tips to solve this problem?

  You can visit the Web at www.conceptfizz.co.uk, office computer works great, but version phone does not charge full-screen, only on the left side. Thank you

  It is no doubt loading the mobile version. Select all items on the page to verify that you haven't left anything on the right side of the page, or the areas encompassing the widgets have not expanded too far - this often happens when you move components.

  David

• Norton network adapter "Microsoft ISATAP map2" diagnostic reports works do not correctly-could not load the required device driver (code 31)

  Original title: System reports the NIC does not properly

  Using Vista Home premium on HP pavillion m8075a model RZ555AA-ABG. Norton network adapter "Microsoft ISATAP map2" diagnostic reports works do not correctly-could not load the required device driver (code 31)

  As none of the problems are met with connection network, do I ignore this warning or try to update the driver?

  Hi eucalyptussurfer,

  You can ignore this error message. This error message does not indicate a problem with the adapter. The adapter will continue to function correctly.

  Please see the following article:

  On a Windows Vista-based computer or on a Windows Server 2008-based computer, the Microsoft ISATAP map appears with a yellow exclamation mark next to it in Device Manager, and you also receive an error message

  http://support.Microsoft.com/kb/932520

  Hope this information is useful.

  Jeremy K
  Microsoft Answers Support Engineer
  Visit our Microsoft answers feedback Forum and let us know what you think.

  If this post can help solve your problem, please click the 'Mark as answer' or 'Useful' at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

• In my report of diagnostic systems that it establishes that there is an error indicating the symptom is "device is not working properly." Windows cannot load the required device drivers. "I don't know what to do.

  Windows cannot load the required device drivers.  It shows the details like Microsoft ISATAP adapter reports "tv_ConfigMgrErr31.  This device won't be available until the problem is resolved.  The Plug-and-Play ID is 17.  What this mean and how can I make the correction of this error and operate?

  Hello

  Control Panel - devices - right click on - UNINSTALL - REBOOT Manager

  Nothing else to do, Windows will do the rest. And you can ignore the errors altogether if you wish
  and on some computers, it will always be there but don't cause any trouble.

  On a Windows Vista-based computer or on a Windows Server 2008, Microsoft computer
  ISATAP map appears with a yellow exclamation next to it in Device Manager and you also
  error message
  http://support.Microsoft.com/kb/932520

  Y at - it no devices work not?

  I hope this helps.

  Rob Brown - MS MVP - Windows Desktop Experience: Bike - Mark Twain said it right.

• Legends of the slide show appear to have boxes around them when played back on mobile devices

  Hello... I searched this problem but could not find a reference - apologies if I have not quite use the right search terms and it has already been answered.

  I have problems with a widget slideshow base - seen on a PC (iMac in this case) the captions of images, navigation buttons and the meter have NOT any visible borders (I have not rubbed or filled the container boxes, other than the nav buttons). However, see the slideshow even on an iPad or iPhone, and there seems to be around the buttons of legend, meter and nav boxes. I would have preferred that there no contours of the visible area.

  The problem page can be seen here (remember, fine on a PC, not very well on a mobile device)

  http://mikehiggs.co.UK/musesite/case-studies.html

  There are two slide shows on the page I tried two different widgets - both have the same problem.

  The strange thing is, I used the same method on the slideshow on the homepage at the top of the page and it works fine.

  If anyone can shed some light on this 'problem' I would appreciate it a lot - I tried all I know at this point.

  Thanks for any help.

  Additive...

  If I change the transitions of the slideshow of 'horizontal' to 'fade' the problem goes away. But I prefer the slide show slide.

  Just thought this extra info can help diagnose the problem.

  Post edited by: MikeHiggs

  I believe that this is caused by a bug error rounded in mobile Safari. If you set a feature of width not no white on the legend, or set the background transparent instead of white color, I expect that it will go away.

• Only loads the mobile version of Google

  All the other search engines, I tried to load the desktop on a mobile phone version. Why? http://www.beatrizthibeaux.com

  You have a prototype phone at the beginning, or did you mean the 920 Lumia? I didn't know he had a 950, again?

  Muse decides redirect available phone based on the dimensions of the unit. The Explorer of Windows 8 reports falsely dimensions for the 920 Lumia (or at least we give enough information to determine the phone or Tablet), based on the reported dimensions Muse thinks it's a tablet. If the URL was for the office and there is no provision in the Tablet, Muse will load the site Office.

  Google works because they are grateful the device is a phone and specifically linking to the URL phone results of research. Bing is not that.

• the mobile device Center can not download!

  I think that I need Windows Mobile Device Center to connect my phone to my PC to synchronize (Vista Home Prem 32 sp2).
   
  Whenever I download, I said I need validation (do not know why, as Microsoft Update works fine) but no worries. When I click on the checkout page (there are alternative to validate means did not), I'm redirected to a generic page of windows
   
  http://www.Microsoft.com/UK/Windows/
   
  I searched this forum, many people seem to have the same problem and they all are sent on the same page, I'm trying, but it still does not work.
   
  Any suggestion is welcome.
   
  Thank you

  Hi Bonalymac,

  Have you tried to download the file in Mode safe mode with network and save it on the desktop? Start in normal mode, and then runs the installation?

• Load a font when running in another domain

  Hi, I've been struggling with trying to figure out how to make it work. I'm pretty new to Flash so it is quite possible that miss me some obvious code.

  What I'm working on a component that loads a SWF file when running via HTTP from a different domain by running the main file. The loaded SWF file has a built-in font that I want to be available in the main SWF file. As long as the font.swf is on the same domain as the main.swf, everything works fine. But as soon as I put the font.swf on a different server (Amazon S3), I get the following error when I call Font.registerFont (myFont) in main.swf:

  
  

  ArgumentError: Error #1508: the value specified for the police argument is invalid.
  to flash.text::Font$/registerFont()

  So trying to find a solution, I think that he has to walk in cross domain policies. So I created a crossdomain.xml that resides in the root of my Amazon S3 bucket. The content of the crossdomain.xml is currently:

  
  

  <? XML version = "1.0"? >
  <! DOCTYPE cross-domain-policy
  SYSTEM " " http://www.Macromedia.com/XML/DTDs/cross-domain-policy.DTD "> "
  < cross-domain-policy >
  < allow-access-from domain = "" * "/ >"
  < / cross-domain-policy >

  I also tried adding a specific entry for the domain, of that I am serving main.swf. After having done that, I got the same result.

  I might add that I do not get lifted anytime SecurityExceptions. The SWF file is retrieved correctly, and in fact I'm even able to call methods on the SWF recovered, it's just the registerFont who complains. My main.swf has the following:

  public function initApp (): void {}
  Security.loadPolicyFile ("http://mybucket.s3.amazonaws.com/crossdomain.xml" "");
  }

  public function loadFont (): void {}
  var loader: Loader = new Loader();
  var req:URLRequest = new URLRequest();
          req.url = ' http://mybucket.S3.amazonaws.com/some_dir/font.swf;
  Loader.Load (req);
  loader.contentLoaderInfo.addEventListener (Event.COMPLETE, onFontLoaded);
  }

  
  

  public function onFontLoaded (event: Event): void {}
  var dom: ApplicationDomain = event.target.applicationDomain;
  var FontAsset: * = dom.getDefinition ('FontAsset') in class;

  trace (FontAsset.getName ());
  Exception occurs when you call this line
  Font.registerFont (FontAsset.getFont ());
  }

  My font.swf file is:

  SerializableAttribute public class FontAsset extends Sprite
  {
  Security.allowDomain ("foo.mydomain.com");

  [Embed (source = "#{source_path}", mimeType = "application/x-font", fontName = "#{font_name}")]
  private static var fonts: Class;
  Font.registerFont (police);
  
  Public Shared function getFont (): class {}
  return of the fonts;
  }
  
  Public Shared function getName (): String {}
  return "#{font_name}";
  }
  }

  I tried with and without a constructor and return the non-static fonts variable and then instancing in main.swf, but I always get the same result. I also tried retrieve the remote font.swf when my main.swf running directly in the browser (file:///home/ruy/main.swf), as well as through a web server.

  I found an ad with the same exact behavior, but the wire that they send me to seems a different problem to the problem of the crossdomain (http://www.actionscript.org/forums/showthread.php3?t=182499)

  The only solution I can find so far is to put my main.swf on the same server Amazon S3, but it's as if I would be able to host it separately.

  Any ideas?

  Thank you

  Ruy

  var context: LoaderContext = new LoaderContext (true, new

  ApplicationDomain (ApplicationDomain.currentDomain), SecurityDomain.currentDomain);

  Loader.Load (req, context);

  Alex Harui

  Flex SDK Developer

  Adobe Systems Inc..

  Blog: http://blogs.adobe.com/aharui

• Firefox can be installed on the mobile device Nokia E63?

  I own a Nokia E63 mobile. Please inform if Firefox can be installed on it. That's all there is to it.

  No, only the Nokia N900 Maemo running.
  
  https://support.Mozilla.com/en-us/KB/will-Firefox-work-my-mobile-device#OS=Android & Browser = M6

• problem downloading the Mobile Device Center 6.1

  I am trying to download Mobile Device Center 6.1 and he brings me the validation center and I spoke with the Microsoft Genuine Advantage's Department and told me that my copy of Windows Vista is genuine, but still when I try to download the software, it will validate and upon impact on the agreement, is not bring up the download more. Help, please.

  Hello

  What browser do you use to download the software?

  Reset Internet Explorer settings, then try to download again

  http://support.Microsoft.com/kb/923737

  Note: when you reset Internet Explorer settings, all modules and customizations are disabled, and basically, you start with a new version of Internet Explorer

• How to connect the mobile device for windows 7

  I am new to Windows 7. I have a mobile device that runs Windows CE and connects via a serial cable.

  In earlier versions of windows, I could just install activesync on my desktop PC, click on connect on my mobile device and it could connect and visible in windows as a mobile device. Then I could transfer files via Explorer.

  How can I connect to my PC Windows 7? Nothing happens and all I can find is Sync Center (seems pretty useless). I don't really need to auto synchronize files, simply move the files between the two.

  Hi tjf1980,

  Refer to the below mentioned method and check if it helps.
   
  Method 1:
  Microsoft Windows Mobile Device Center replaces ActiveSync for Windows Vista and Microsoft Windows 7.
  Try to download Mobile Device Center 6.1 from the following link:
  http://support.Microsoft.com/kb/931937
  Note: Download the 64-bit version on the above link and check.
   
  Method 2:
  Synchronize music, photos, contacts, and calendars with a mobile device
  http://Windows.Microsoft.com/en-us/Windows7/sync-music-pictures-contacts-and-calendars-with-a-mobile-device
  
  Hope this information helps.

• How to determine if the user of the mobile device is looking at a site office?

  Hello

  
  We have activated the Mobile support for a site.  So now, when a user on a mobile device go to the website they see mobile model.

  The mobile template includes a link to the user to view the full site: < a href = "/ index.html? visitorDeviceClass = desktop" > full view of the Site < /a >

  We want to add a link 'view the Mobile Site"on the Office site but only for users of mobile devices.

  We tried to {{globals.cookie}} and {{globals.visitor}} to see if there is something we can watch (using javascript) to determine if we have a mobile user who visits the site of the office.  But it looks like visitorDeviceClass and deviceClass are set to "desktop" for real desktop users and mobile users who clicked on the link "View Full Site.

  We believe that we could be able to watch her User Agent but do not know what OS is displayed for Windows phones and we are not dependent on not user agent.

  Question:

  Does anyone know of a way for us to determine if a mobile device user look at the desktop version of the site so that we can add a link 'view the Mobile site?

  Thank you

  sepyh

  Hey,.

  You can basically determine the device of the visitor to the site in two ways:

  • how Robert mentioned, using the module of system_visitordeviceclass - http://docs.businesscatalyst.com/reference/Modules/General/system_visitordeviceclass.html
  • using globals liquid - {{globals.visitor.deviceClass}} - Globals. Catalyst of business support

  Hope this helps,

  Mihai

• Fatal error occurs when you uninstall Apple Mobile Device Support

  Original title - you can't uninstall Apple Mobile Device Support!

  I'm trying to update my iTunes and the iPod Touch, and in doing so, he failed and said that I needed to uninstall the Apple Mobile Device Support and completely reinstall iTunes.  In any case, I can uninstall everything except the Apple Mobile Device Support - I get a message that a fatal error has occurred and it is impossible to uninstall.  Apple told me that it was a matter of Windows and contact you for assistance.  I rebooted and everything else cannot remove one yet this app.
  (I'm on Windows XP Professional)

  Fixed the problem for me:

  I just went through a problem with Apple Mobile Device Support as well.  I continued uninstall then just before reaching 100%, it starts tracking return return to 0%.  I have windows 7.

  Panel--> uninstall a program

  Do a right-click Apple Mobile Device Support--> change

  A window will appear asking if you want to repair or remove.  I said repair

  Once the repair is completed, return to Panel--> uninstall a program

  Double click or right click, uninstall Apple Mobile Device Support.

  He appeared after that he says he has completed the installation, but when I right click on it windows says it has already been uninstalled and removed from the list.

  Hope this helps you like it has helped me.  I imagine that there is another way to get the option to repair/remove apple screen by running some .exe, then you can try to track down if you have an older operating system.

• AddChild() does not load swf external when run in the browser

  I created a few fairly simple flash animations, but overall is based on unloaing, then loading swf files outside them.

  The base file works fine, load external references and the discharge (even if I do need to preven the user hitting the Unload button when there is nothing to unload) and will then another good, IF I run it directly from my file system.

  I want it to be on a web page, but when you click the button to load external files, nothing happens.  Safari tells me it can't find the file, and I use the same exact directory to test.

  So does work very well during the test with flash (CS4) and runs directly from the directory in the finder, but a web page, it cannot find the file.

  Any suggestions on why this is happening and what I can do about it?  It has left me speechless.

  Eric Gray

  Is the html page in the same folder as the swf file?

• Questions from the media do not work on the mobile device.

  Hello. I don't know why my media queries do not work on my laptop. When I slide the narrow desktop as a mobile phone version, the smaller Tablet and mobile views appear to work. But they do not work on a real device. Is something wrong my my code? jenniferblatzdesign.com. thank you for your help.

  Here's the CSS:

  @import url ("http://fonts.googleapis.com/css?family=Gabriela'");

  HTML, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, I, Center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, brand, {audio, video

  margin: 0;

  padding: 0;

  border: 0;

  do-size: 100%;

  font: inherit;

  vertical-align: baseline;

  outline: none;

  -webkit - font smoothing: crenellated.

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  bottom: 30px;

  }

  HTML {overflow-y: scroll ;}}

  {body

  background: #fcfcfc url ('bg.png'); / * http://subtlepatterns.com/crossword/ */

  font size: 62.5%;

  line-height: 1;

  do-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  Padding: 45px 25px;

  padding-bottom: 100px;

  }

  / * Clearfix * /.

  . Clearfix: before,

  . Clearfix: after {}

  content: "";

  Display: table;

  }

  . Clearfix: after {}

  Clear: both;

  }

  {.clearfix}

  * zoom: 1;

  }

  / * Basic styles * /.

  {body

  background-color: #ece8e5;

  }

  {of NAV

  height: 40px;

  Width: 94%;

  background: #0068ac;

  font-size: 1.5 em;

  do-family: ' PT without ', Arial, without serif.

  make-weight: bold;

  position: relative;

  border-bottom: 2px solid #283744;

  }

  NAV ul {}

  padding: 0;

  margin: 0 auto;

  Width: 800px;

  height: 40px;

  }

  nav li {}

  display: block;

  float: left;

  Width: 20%;

  text-align: center;

  }

  NAV a {}

  color: #fff;

  display: inline-block;

  Width: 100px;

  text-align: center;

  text-decoration: none;

  line-height: 40px;

  text-shadow: 1px 1px 0px #283744;

  }

  nav li a {}

  border-right: none;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  }

  Li: last-child-NAV a {}

  border-right: 0;

  }

  NAV a: hover, nav a: active {}

  background-color: #89a8bc;

  }

  NAV a {#pull

  display: none;

  }

  #header {}

  text-align: center;

  }

  #header h1 {}

  display: none;

  }

  #header h2 {}

  Width: 70%;

  top of the margin: 30px;

  margin-bottom: 40px;

  left margin: auto;

  margin-right: auto;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  font size: 2.3em;

  line-height: 1.9em;

  text-align: center;

  Police-weight: 200;

  }

  #header img {}

  Width: 50%;

  margin-bottom: 40px;

  top of the margin: 30px;

  }

  #footer p {}

  margin-top: 10px;

  font size: 1.1em;

  Police-weight: 200;

  line-height: 1.5em;

  text-align: center;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  }

  #content #footer {p

  color: #005496;

  }

  #footer ul li a {}

  color: #005496;

  }

  #footer ul li {}

  display: inline;

  padding-top: 20px;

  top of the margin: 50px;

  left margin: 20px;

  right margin: 20px;

  }

  #about h3 {}

  color: #005496;

  Police-weight: 300;

  font size: 2.5em;

  margin-bottom: 1px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2.2em;

  }

  #praise h3 {}

  color: #005496;

  Police-weight: 300;

  font size: 2.5em;

  margin-bottom: 10px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2.7em;

  }

  #about p {}

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  Police-weight: 200;

  font size: 1.6em;

  line-height: 1.7em;

  }

  #about p {}

  color: #005496;

  }

  #praise p {}

  Width: 70%;

  padding-left: 25px;

  color: #474646;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  make-style: italic;

  Police-weight: 300;

  font size: 1.7em;

  line-height: 1.4em;

  margin-top: 10px;

  margin-bottom: 20px;

  }

  #praise h5 {}

  padding-left: 40px;

  color: #4C3B5F;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  make-weight: bold;

  font size: 1.8em;

  }

  #praise h6 {}

  padding-left: 56px;

  color: #474646;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  make-style: italic;

  Police-weight: 300;

  font size: 1.2em;

  line-height: 2em;

  }

  #praise HR {}

  height: 1px;

  top of the margin: 30px;

  margin-bottom: 30 x;

  color: #7B 7979;

  }

  {#about}

  Width: 70%;

  }

  #contact h3 {}

  color: #005496;

  Police-weight: 300;

  font size: 2.5em;

  margin-bottom: 1px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2.2em;

  top of the margin: 40px;

  }

  #header p {}

  color: #4C3B5F;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  font size: 2.3em;

  line-height: 1.5em;

  margin-top:-30px;

  Police-weight: 500;

  }

  #contact p {}

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  Police-weight: 200;

  font size: 1.6em;

  line-height: 1.7em;

  }

  #contact p {}

  color: #005496;

  }

  #social h3 {}

  color: #005496;

  Police-weight: 300;

  font size: 2.5em;

  margin-bottom: 1px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2.2em;

  top of the margin: 40px;

  }

  #social h2 img {}

  margin-top: 10px;

  margin-right: 10px;

  }

  {#social}

  Width: 90%;

  }

  #linkedin h2 a {}

  color: #005496;

  Police-weight: 400;

  font size: 1.9em;

  margin-bottom: 0px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2em;

  margin-top: 0px;

  display: block;

  padding-bottom: 0px;

  text-decoration: none;

  }

  #twitter h2 a {}

  color: #005496;

  Police-weight: 400;

  font size: 1.9em;

  margin-bottom: 0px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2em;

  margin-top: 0px;

  display: block;

  padding-bottom: 0px;

  text-decoration: none;

  }

  #behance h2 a {}

  color: #005496;

  Police-weight: 400;

  font size: 1.9em;

  margin-bottom: 0px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2em;

  margin-top: 0px;

  display: block;

  padding-bottom: 0px;

  text-decoration: none;

  }

  #facebook h2 a {}

  color: #005496;

  Police-weight: 400;

  font size: 1.9em;

  margin-bottom: 0px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2em;

  margin-top: 0px;

  display: block;

  padding-bottom: 0px;

  text-decoration: none;

  }

  #pinterest h2 a {}

  color: #005496;

  Police-weight: 400;

  font size: 1.9em;

  margin-bottom: 0px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2em;

  margin-top: 0px;

  display: block;

  padding-bottom: 0px;

  text-decoration: none;

  }

  / * Styles for screen 600px and low * /.

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

  {of NAV

  height: auto;

  Width: 94%;

  }

  NAV ul {}

  Width: 100%;

  display: block;

  height: auto;

  }

  nav li {}

  Width: 20%;

  float: left;

  position: relative;

  }

  nav li a {}

  border-bottom: 1px solid #576979;

  border-right: 1px solid #576979;

  }

  NAV a {}

  text-align: center;

  Width: 100%;

  text-indent: 5px;

  }

  #header img {}

  Width: 90%;

  margin-bottom: 40px;

  top of the margin: 30px;

  }

  #header h2 {}

  Width: 80%;

  top of the margin: 30px;

  margin-bottom: 40px;

  left margin: auto;

  margin-right: auto;

  font size: 1.7em;

  line-height: 1.7em;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  text-align: center;

  }

  }

  / * Styles for screen 515px and low * /.

  @media only screen and (max-width: 480px) {}

  {of NAV

  border-bottom: 0;

  text-align: center;

  Width: 94%;

  }

  nav li {}

  Width: 100%;

  float: left;

  position: relative;

  text-align: center;

  }

  NAV a {#pull

  display: block;

  background-color: #ece8e5;

  Width: 100%;

  position: relative;

  }

  NAV a #pull: after {}

  "content:" ";" "

  background: url('nav-icon.png') no-repeat;

  Width: 30px;

  height: 30px;

  display: inline-block;

  position: absolute;

  right: 15px;

  Top: 10px;

  }

  #header img {}

  Width: 100%;

  margin-bottom: 30px;

  top of the margin: 30px;

  }

  #praise p {}

  Width: 95%;

  }

  {#about}

  Width: 100%;

  }

  }

  / * Smartphone * /.

  @media only screen and (max-width: 320px) {}

  nav li {}

  display: block;

  float: none;

  Width: 100%;

  text-align: center;

  }

  nav li a {}

  border-bottom: 1px solid #576979;

  }

  }

  BR {display: block; line-height: 1.6em ;}}

  Article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, {section}

  display: block;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  font size: 1.2em;

  line-height: 1.6em;

  text-align: center;

  text-decoration: none;

  }

  OL, ul {list-style: none ;}}

  Input, textarea {}

  -webkit - font smoothing: crenellated.

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  outline: none;

  }

  BLOCKQUOTE, q {quotes: none ;}}

  BLOCKQUOTE: before, blockquote: after, q: before, q: after {content: "; content: none ;}}

  strong b, {make-weight: bold ;}}

  strong b, {do-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif}

  em, I {make-style: italic ;}}

  table {border-collapse: collapse; border-spacing: 0 ;}}

  IMG {border: 0; max-width: 100% ;}}

  H1 {}

  do-family: 'Gabriela', Tahoma, sans-serif;

  font size: 3.7em;

  make-weight: 700;

  line-height: 1.55em;

  margin-bottom: 18px;

  text-align: center;

  color: #514b 53;

  letter-spacing :-0 .06em;

  text-shadow: 1px 1px 0 rgba (255,255,255,0.8);

  }

  / * structure page * /.

  {#wrapper}

  display: block;

  Max-width: 1100px;

  margin: 0 auto;

  }

  {#portfolio}

  display: block;

  }

  #portfolio li {}

  display: block;

  float: left;

  Width: 30%;

  Max-width: 400px;

  right margin: 20px;

  margin-bottom: 20px;

  }

  #portfolio li a {}

  display: block;

  padding: 8px;

  Background: #fff;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  -webkit-box-shadow: 2px 2px 1px rgba (0,0,0,0.25);

  -moz-box-shadow: 2px 2px 1px rgba (0,0,0,0.25);

  box-shadow: 2px 2px 1px rgba (0,0,0,0.25);

  }

  {.mfp-title

  font size: 1.2em;

  color: #ddd! important;

  make-weight: 700;

  }

  / * clearfix * /.

  . Clearfix: after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 ;}}

  . Clearfix {display: inline-block ;}}

  HTML [xmlns] .clearfix {display: block ;}}

  * html .clearfix {height: 1% ;}}

  / * media queries * /.

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

  #portfolio li {}

  Width: 45%;

  }

  }

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

  {#portfolio}

  text-align: center;

  }

  #portfolio li {}

  float: none;

  display: inline-block;

  Width: 80%;

  margin-bottom: 30px;

  }

  }

  You have this meta tag declared at the top of the page?

  PUBLISHED:

  A closer look reveals that you do not have. Insert it and see what happens.