• 0

Require some assistance from mobile web programmer

Asked by flynempire,

 Share

Question

Experienced

flynempire

Posted
Posted

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
Grand Master

DevTech

Posted
Posted

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
Experienced

flynempire

Posted
  • Author
Posted

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
Grand Master

DevTech

Posted
Posted
On 6/29/2016 at 4:34 PM, 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,

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.
 Share
Go to question listing

  • Posts

    • We now know when and how the Universe may truly end

      By +pmrd · Posted

      Anybody that thinks flying cars were possible are idiots. Everyone would basically need a pilot licence, can you imagine how insane and dangerous that would be, people can barely handle driving on land safely right now.
    • Microsoft Edge 149.0.4022.80

      By Copernic · Posted

      Microsoft Edge 149.0.4022.80 by Razvan Serea Microsoft Edge is a super fast and secure web browser from Microsoft. It works on almost any device, including PCs, iPhones and Androids. It keeps you safe online, protects your privacy, and lets you browse the web quickly. You can even use it on all your devices and keep your browsing history and favorites synced up. Built on the same technology as Chrome, Microsoft Edge has additional built-in features like Startup boost and Sleeping tabs, which boost your browsing experience with world class performance and speed that are optimized to work best with Windows. Microsoft Edge security and privacy features such as Microsoft Defender SmartScreen, Password Monitor, InPrivate search, and Kids Mode help keep you and your loved ones protected and secure online. Microsoft Edge has features to keep both you and your family protected. Enable content filters and access activity reports with your Microsoft Family Safety account and experience a kid-friendly web with Kids Mode. The new Microsoft Edge is now compatible with your favorite extensions, so it’s easy to personalize your browsing experience. Microsoft Edge 149.0.4022.80 changelog: Fixes Fixed an issue that prevented QR code generation from working. Feature updates Intune MAM Protected Downloads. The protected downloads feature for Intune MAM will now save downloaded files to the Documents > Microsoft Edge > Downloads folder in OneDrive. Extensions monitoring in the Edge management service. The Microsoft Edge management service now allows admins to gain visibility into extensions installed across their managed users. From the extensions monitoring page, admins can see which extensions have been installed as well as manage user requests for blocked extensions. For more information, see Microsoft Edge Extensions Monitoring. Validate Edge builds early with enterprise preview. Enterprise preview provides a simpler way for admins to flight pre-release Edge builds to their users. To reduce friction and bolster usage, users will receive pre-release builds directly inside of their Stable Edge application. Admins can allow users to easily opt-out of the preview experience, using built-in rollback to switch between their pre-release and stable channels with ease. Microsoft 365 admin center users can configure the feature, view their flighting population, and receive personalized recommendations all in one place. For more information, see Get started with Enterprise Preview in Microsoft Edge. Download: Microsoft Edge (64-bit) | 193.0 MB (Freeware) Download: Microsoft Edge (32-bit) | 170.0 MB Download: Microsoft Edge (ARM64) | 188.0 MB View: Microsoft Edge Website | Release History Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Waymo recalls self-driving software after cars enter closed freeway work zones

      By Slugsie · Posted

      The machines are starting to fight back any way they can.
    • Linux 7.1 arrives with an NTFS overhaul and major hardware performance boosts

      By Accuphase · Posted

      No news articles about the Arch Linux repo being majorly infected with malware?!?
    • Waymo recalls self-driving software after cars enter closed freeway work zones

      By zikalify · Posted

      Waymo recalls self-driving software after cars enter closed freeway work zones by Paul Hill Waymo, the self-driving car maker owned by Alphabet – the parent company of Google –, has recalled some of its fifth-generation Automated Driving Systems (ADS). It did so after some of its cars drove through closed construction zones. According to the National Highway Traffic Safety Administration (NHTSA), the affected vehicles were capable of driving through a closed freeway construction zone and continuing to drive at speed. The listing on the NHTSA website says that Waymo is currently developing a solution to fix this issue, but in the meantime, freeway driving is being restricted. Waymo will update its ADS software so that vehicles can detect when they can avoid entering construction zones. According to the Safety Recall Report, on April 20, 2026, Waymo’s Field Safety Committee began meetings reviewing an event from April 11, 2026, and five events from April 19, 2026, where Waymo’s autonomous vehicles didn’t recognize and drove past ramp closure signs into the pre-planned freeway construction zones. This took place in Phoenix, Arizona. Separately, on May 18, 2026, seven Waymo vehicles entered freeway lanes with active construction in the San Francisco Bay Area by driving between cones that were placed to show the lane was closed. On the back of both of these events, Waymo restricted freeway driving until it could address the issue. In June, Waymo’s Safety Board reviewed the issue and additional information related to ADS performances around construction zones; then, as a result, it decided to conduct a recall. This development is not good for Waymo as it adds to a growing list of technical hiccups its cars have experienced. Ultimately, it will lead to more scrutiny from lawmakers around the world who will be more cautious about letting autonomous vehicles on their roads without tighter regulation. For readers in areas where Waymo operates, does this news make you more wary about stepping into one of these vehicles?

  • Recent Achievements

    • Week One Done
      Eurosoft10 earned a badge
      Week One Done
    • One Month Later
      Eurosoft10 earned a badge
      One Month Later
    • One Year In
      Skeet Campbell earned a badge
      One Year In
    • One Month Later
      Sharbel earned a badge
      One Month Later
    • First Post
      BizSAR earned a badge
      First Post

  • Popular Contributors

    1. 1
      +primortal
      599
    2. 2
      +Edouard
      190
    3. 3
      PsYcHoKiLLa
      79
    4. 4
      Michael Scrip
      77
    5. 5
      Steven P.
      69
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!