Announcement

Collapse
No announcement yet.

Cart in global header: layout breaks if quantity is double-digits

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Cart in global header: layout breaks if quantity is double-digits

    http://levels-theme.mivamerchantdev....dra-chair.html

    I noticed that when I added 10 or more, the My Cart layout messes up. (Sometimes, when testing this, it took 100qt or more.) I'm on a computer screen, and the window is maximized. If I shrink the window, the layout fixes itself.
    Attached Files
    Doug
    Using Miva Merchant since 2004
    StoreSMART.com

    #2
    Hi Doug,

    Thanks for the heads up. I'll get the padding adjusted.
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment


      #3
      Originally posted by Matt Zimmermann View Post
      Hi Doug,

      Thanks for the heads up. I'll get the padding adjusted.
      Matt, can you please post how and where to fix the problem so we can correct it on our website?
      Thank you, Bill Davis

      Comment


        #4
        William Davis - Assuming you have an unaltered structure.css file, at line 179, change the padding to "0 0.75em" and the font size to "0.875rem". The at line 212, remove the padding call.
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment


          #5
          Originally posted by Matt Zimmermann View Post
          William Davis - Assuming you have an unaltered structure.css file, at line 179, change the padding to "0 0.75em" and the font size to "0.875rem". The at line 212, remove the padding call.
          Its been edited, so I need a little more info.
          Thank you, Bill Davis

          Comment


            #6
            William Davis For the first part, look for ".mini-basket-count, .mini-basket-text" within a media query for min-width: 767px. For the second one, scan a few lines down for the same classes in a 960px media query.
            Matt Zimmermann

            Miva Web Developer
            Alchemy Web Development
            https://www.alchemywebdev.com
            Site Development - Maintenance - Consultation

            Miva Certified Developer
            Miva Professional Developer

            https://www.dev4web.net | Twitter

            Comment


              #7
              Originally posted by William Davis View Post

              Its been edited, so I need a little more info.
              FYI - strongly recommended that you create a "custom.css" file for any tweaks, then none of the other CSS files will have to be touched.

              Leslie Kirk
              Miva Certified Developer
              Miva Merchant Specialist since 1997
              Previously of Webs Your Way
              (aka Leslie Nord leslienord)

              Email me: [email protected]
              www.lesliekirk.com

              Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

              Comment


                #8
                Originally posted by lesliekirk View Post

                FYI - strongly recommended that you create a "custom.css" file for any tweaks, then none of the other CSS files will have to be touched.
                yup, and this custom file to be loaded AFTER all default css files

                Comment

                Working...
                X