Results 1 to 4 of 4
  1. #1
    Join Date
    Feb 2011
    Posts
    106
    Plugin Contributions
    0

    Default Repositioning css buttons on mobile version

    Hi,
    I have an issue with the CSS buttons on the product page of my website but only on the mobile version as they overlay each other.
    Please see here:: http://www.selfbuildplans.co.uk/inde...roducts_id=241.
    It is fine on the normal browser but on the mobile version they overlay each other.
    Please could someone advise on how i separate these buttons to be above/below each other on the mobile version without affecting the normal version?
    Thanks.

  2. #2
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    7,501
    Plugin Contributions
    8

    Default Re: Repositioning css buttons on mobile version

    Can you be more specific. I don't see any overlap on an iPhone.
    Did you read the posting tips?!?
    Responsive Color Changes for 155-156c demo here.
    Zen Cart PCI Compatible Hosting

  3. #3
    Join Date
    Feb 2009
    Location
    UK
    Posts
    745
    Plugin Contributions
    0

    Default Re: Repositioning css buttons on mobile version

    I see it on Desktop just by resizing the window.

    Line #127 stylesheet.css, try changing

    Code:
    .navNextPrevList {
        margin: 0;
        padding: 0.5em 1em;
        display: inline;
        list-style-type: none;
    }
    to

    Code:
    .navNextPrevList {
        margin: 1.5em 0;
        padding: 0.5em 1em;
        display: inline-block;
        list-style-type: none;
    }
    Last edited by simon1066; 8 Mar 2020 at 01:03 PM. Reason: removed spurious bracket
    Simon

  4. #4
    Join Date
    Feb 2011
    Posts
    106
    Plugin Contributions
    0

    Default Re: Repositioning css buttons on mobile version

    Hi Simon1066,
    That has worked a treat.
    Thanks very much.

 

 

Similar Threads

  1. v139h I bought a mobile template; how do I Mobile Device to Show Desktop version by Default
    By explorer1979 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 2 Mar 2013, 03:42 PM
  2. Mobile version of my store?
    By wizer in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 27 Jul 2011, 09:48 PM
  3. Help with using css buttons, "update cart' does not use the css buttons?
    By trinitypres in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Jan 2011, 04:34 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