Header not responsive in ipad - by queenb123

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

  • Avatar: queenb123
    queenb123
    Participant
    October 4, 2015 at 23:39

    hi,

    header not responsive in ipad.

    1.here the search button and cart line slide down:

    2.here the scrolling menu is not aligned – can you please align without decreasing the font sizes?

    \

    3. in ipad version the cart image is missing.

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    October 5, 2015 at 14:19

    Hello,

    1. I’ve added this code in Theme Options > Custom CSS > Custom CSS for tablet:

    .header-type-12 .shopping-container {
        padding: 21px 0px 70px;
        margin-top: -20px;
    }
    
    .header-type-12 .header-search {
        margin: 0px;
        padding: 15px 35px;
    }
    
    .header-search {
       margin-top: -10px !important;
    }

    2. This code has been added to Custom CSS for desktop:

    .header-type-12 .cart-bag .ico-sum::before {
        border-color: #DF1997;
    }
    .header-type-12 .cart-bag .ico-sum {
        background-color: #DF1997;
    }
    .header-type-12 .cart-bag .ico-sum::after {
        background-color: #DF1997;
    }
    
    .fixed-header-area .header-logo img {
       margin-left: -20px;
    }

    3. I’ve added this code in Custom CSS for tablet:

    .header-type-12 .cart-bag .ico-sum::before {
        border-color: #DF1997;
    }
    .header-type-12 .cart-bag .ico-sum {
        background-color: #DF1997;
    }
    .header-type-12 .cart-bag .ico-sum::after {
        background-color: #DF1997;
    }

    Please check the site now.

    Regards,
    Eva Kemp.

    Avatar: queenb123
    queenb123
    Participant
    October 5, 2015 at 21:26

    Thank u! It looks good now! you guys rock!

    Avatar: Robert Hall
    Robert Hall
    Participant
    October 5, 2015 at 22:33

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

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

The issue related to '‘header not responsive in ipad’' has been successfully resolved, and the topic is now closed for further responses

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