• 0

Require some assistance from mobile web programmer


Question

I have been struggling to figure out a way to get an image fit on one side of the screen to the other and perhaps a knowledgeable programmer could give some advice.

We have this mobile site http://m.kleinerts.com/Shop. 

If you look at it on your phone you will see Sweat & Odor Solutions and below a grey banner that transitions into another picture. There are only two picture total in this and below that are two grey rectangles for Free USA Shipping and Click To Call.

They should be centered perfectly on your phone but what the owners want is for the all 3 of these to reach the edges of both sides of the screen. I have tried all types of .css code with no luck. 

Personally I think it looks fine as is but I can understand having it fit to the edges. I would appreciate any input that can be offered. In Chrome I can inspect while using a emulator and there I tried different markup but nothing so far.

 

3 answers to this question

Recommended Posts

  • 0

404 error in desktop Firefox.

 

Changing window size yields odd non-responsive feel so something is wrong with the basic template.

 

You haven't mentioned which mobile device you are targeting and if you are packaging it in a wrapper like Apache Cordova etc.

 

So all I can say is that if it works like crap in a desktop browser, getting mobile working will be just that much harder than it needs to be. Get it smooth on the desk first.

 

  • 0

Thanks for replying. This site was created in word press and was only done for mobile in mind not desktop. I can see it fine in iphone and Samsung Galaxy, etc,

  • 0
  On 29/06/2016 at 20:34, flynempire said:

Thanks for replying. This site was created in word press and was only done for mobile in mind not desktop. I can see it fine in iphone and Samsung Galaxy, etc,

Expand  

Well I think that is a backwards overly difficult approach but to each his own.

 

If you start with a responsive template your issue becomes easy to debug on the desktop and if the template is well designed the mobile should just work with very little adjustment. Even if you never deploy the website to a desktop audience, this approach is less work and easier to work with. One of the many reasons everyone has switched to responsive websites in the last few years.

 

This topic is now closed to further replies.
  • Posts

    • Yeah!!!! I was damn well shocked to see the tab with previous file open when I clicked on the new file. It had private info and I was opening another file to show another person. That was weird
    • The article says the whole setup is about the size of a pencil case which sounds pretty portable to me.
    • I thought router has to have 6 Ghz band to be called wifi-7, guess I was wrong...
    • I have the Pixel 9 Pro XL...Unless this thing is "leaps and bounds" faster than the 9, I'll pass. And by leaps and bounds, I don't mean on benchmarks. "Real world" faster. Most people don't even come close to topping out the performance of their phones. Tensor G5 is Google's most powerful chip to date, boasting a staggering 36 percent performance leap over G4.
    • MIT's stunning 'bubble wrap' device squeezes water out from thin air even in deserts by Sayan Sen Image by Matteo Roman via Pexels Massachusetts Institute of Technology (MIT) engineers have built a new kind of device that can pull clean drinking water straight out of the air—no electricity needed. It’s designed for areas where water is scarce and traditional sources like rivers or lakes aren’t reliable. Right now, more than 2.2 billion people globally don’t have access to safe drinking water. In the United States alone, 46 million face water insecurity, with either no running water or water that’s not safe to drink. This new device, called an Atmospheric Water Harvesting Window (AWHW), uses a unique hydrogel panel that looks like black bubble wrap. These dome-shaped bubbles soak up water vapor from the air, especially at night when humidity is higher. During the day, sunlight makes the vapor inside evaporate. That vapor then condenses on a glass surface and drips down through a tube, turning into drinkable water. The AWHW doesn’t rely on power sources like batteries or solar panels. It’s completely passive, meaning it works on its own. The team tested a meter-sized panel in Death Valley, California, one of the driest places in North America, and got between 57.0 and 161.5 milliliters of water per day even with humidity as low as 21 percent. That’s more than what other similar passive devices have managed. “We have built a meter-scale device that we hope to deploy in resource-limited regions, where even a solar cell is not very accessible,” said Xuanhe Zhao, a professor at MIT. “It’s a test of feasibility in scaling up this water harvesting technology. Now people can build it even larger, or make it into parallel panels, to supply drinking water to people and achieve real impact.” Another cool part of the design is how they kept the water safe to drink. Usually, these kinds of hydrogels use salts like lithium chloride to absorb more vapor but that can lead to salt leaking into the water, which isn’t ideal. To solve this, MIT’s team mixed in glycerol, a compound that helps keep salt locked inside the gel. In testing, the lithium ion concentration in the harvested water stayed below 0.06 ppm (parts per million), which is way below the safe limit. The hydrogel domes also give the material more surface area, letting it collect more vapor. The outer glass panel is coated with a special polymer film that helps cool the glass, making it easier for vapor to condense. “This is just a proof-of-concept design, and there are a lot of things we can optimize,” said lead author Chang Liu, now a professor at the National University of Singapore. “For instance, we could have a multipanel design. And we’re working on a next generation of the material to further improve its intrinsic properties.” Published in Nature Water, the study says the AWHW could last at least a year and shows promise for making safe, sustainable water in places with harsh climates. The researchers believe an array of vertical panels could one day supply water to individual households, especially in remote or off-grid locations. Source: MIT News, Nature This article was generated with some help from AI and reviewed by an editor. Under Section 107 of the Copyright Act 1976, this material is used for the purpose of news reporting. Fair use is a use permitted by copyright statute that might otherwise be infringing.
  • Recent Achievements

    • One Month Later
      Ricky Chan earned a badge
      One Month Later
    • First Post
      leoniDAM earned a badge
      First Post
    • Reacting Well
      Ian_ earned a badge
      Reacting Well
    • One Month Later
      Ian_ earned a badge
      One Month Later
    • Dedicated
      MacDaddyAz earned a badge
      Dedicated
  • Popular Contributors

    1. 1
      +primortal
      505
    2. 2
      ATLien_0
      209
    3. 3
      Michael Scrip
      202
    4. 4
      Xenon
      143
    5. 5
      +FloatingFatMan
      121
  • Tell a friend

    Love Neowin? Tell a friend!