Results 1 to 5 of 5
  1. #1
    Join Date
    Aug 2005
    Location
    SF Bay Area, California, USA
    Posts
    89
    Plugin Contributions
    0

    Default 1.5.7c Product Listing Page Alignment Issue In Mobile Landscape View

    Hello,

    I am currently building my first 1.5.7c site, using the responsive_classic template. PHP Version 7.3.27.

    I have two other 1.5.5e sites, using the westminster_new template.

    The issue I am observing with responsive_classic in 1.5.7c, involves the Product Listing page on a mobile phone, in this case a current Apple iPhone SE. When viewed in portrait orientation, the spacing of the itemTitle, list-price and qmin is appropriate for the layout.

    But when the phone is rotated to landscape orientation, the itemTitle, list-price and qmin are pushed down into the next row of list-images and are obscured by those images.
    Here is an example:
    http://75.103.81.66/index.php?main_page=index&cPath=1_9

    This issue does not exist with the other 1.5.5e sites using the westminster_new template.

    Any advice/guidance is greatly appreciated.

    I have searched the responsive_mobile.css file and am not able to find where I can correct this issue. I also have not been able to find any pre-existing posts related to this issue.

    Thank you,
    chrx

  2. #2
    Join Date
    Aug 2005
    Location
    SF Bay Area, California, USA
    Posts
    89
    Plugin Contributions
    0

    Default Re: 1.5.7c Product Listing Page Alignment Issue In Mobile Landscape View

    Hi all, just an update on this.

    New domain for this is: https://lifterbushings.com/

    Page for consideration is: https://lifterbushings.com/index.php...ndex&cPath=3_5

    Again, thank you to anyone, who can provide input.
    chrx

  3. #3
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    8,047
    Plugin Contributions
    9

    Default Re: 1.5.7c Product Listing Page Alignment Issue In Mobile Landscape View

    Looks great in chrome, safari, and firefox on iPhone
    Did you read the posting tips?!?
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free Domain, SSL, and Magic Thumb with Semi-Annual or longer plan.

  4. #4
    Join Date
    Feb 2009
    Location
    UK
    Posts
    929
    Plugin Contributions
    0

    Default Re: 1.5.7c Product Listing Page Alignment Issue In Mobile Landscape View

    Yes, I see this on my device (Android Chrome). In responsive_mobile.css change:

    line#132
    Code:
    .list-image{
    margin:20px 20px 10px auto; 
    text-align:center;
    display:inline-block;
    height:100%;
    vertical-align:top;
    }
    to

    Code:
    .list-image{
    margin:20px 20px 10px auto; 
    text-align:center;
    display:inline-block;
    height:auto;
    vertical-align:top;
    }
    The issue also occurs on a desktop at certain screen sizes, so make the same alteration in responsive_default.css line#323
    Simon

  5. #5
    Join Date
    Aug 2005
    Location
    SF Bay Area, California, USA
    Posts
    89
    Plugin Contributions
    0

    Default Re: 1.5.7c Product Listing Page Alignment Issue In Mobile Landscape View

    Thank you both, for having a look and responding. And a another big thank you simon1066, for your pointer on the css! That did the trick!
    Cheers,
    chrx

 

 

Similar Threads

  1. Mobile Does Not View Correctly and SSL Issue
    By CookieMonster in forum Installing on a Linux/Unix Server
    Replies: 13
    Last Post: 8 Aug 2020, 09:05 AM
  2. v155 image alignment - mobile view
    By shags38 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 21 May 2020, 06:18 PM
  3. Replies: 0
    Last Post: 13 May 2020, 03:57 AM
  4. Alignment issue on product listing with additional fields
    By Meers007 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 21 Aug 2009, 10:12 PM
  5. New product listing text alignment issue
    By jeffreytcs31 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 6 May 2007, 05:45 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR