Search Bar & Cart Widget – Alignment & Mobile Display Issues

This topic has 6 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Robert Hall

  • Avatar: khoavo
    khoavo
    Participant
    September 24, 2016 at 20:58

    Hi there,

    See screenshot: http://prnt.sc/clwxn4
    The Search button and Search field are not vertical alignment evenly. Also I need to be able to decrease the Search button size, it’s too big right now. Please provide Custom CSS.

    Cart Widget – When viewed on Mobile Device, it display ass being cutoff
    See screenshot: http://prnt.sc/clwzci
    It should display like this as seen from the desktop view: http://prnt.sc/clwz52
    Please provide Custom CSS.

    Thanks again for your assistance.

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    September 26, 2016 at 08:21

    Hello,

    Please use this code in Global Custom CSS:

    .has-border .form-control {
       width: 180px;
    }

    As for cart widget, you’re using this code in Global Custom CSS:

    .shopping-cart-widget {
        border: 1px dashed #fceac3;
    }

    Remove it from there and add to Custom CSS for desktop section.
    On mobile only cart icon is shown without text.

    Regards,
    Eva Kemp.

    Avatar: khoavo
    khoavo
    Participant
    September 26, 2016 at 20:38

    Thanks, it works.

    Do I need to add any custom css to Custom CSS for Tablet also?

    Avatar: Eva
    Eva Kemp
    Support staff
    September 27, 2016 at 06:46

    Hello,

    As I see on tablet your site is displayed well. Please check from your side too.

    Regards,
    Eva Kemp.

    Avatar: khoavo
    khoavo
    Participant
    September 27, 2016 at 07:01

    All good. Thanks for your excellent customer support. Please close out this ticket.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 27, 2016 at 07:17

    Hello,

    You’re welcome!

    Regards,
    Robert Hall

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Search Bar & Cart Widget – Alignment & Mobile Display Issues’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.