Return to previous page

Header not responsive in ipad - by queenb123

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

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.

#91246 Copied Theme version: latest WooCommerce version: latest

3 Answers
Eva Kemp

Support staff

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.
#91385 Copied
queenb123

Participant

October 5, 2015 at 21:26

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

#91539 Copied

Robert Hall

Support staff

October 5, 2015 at 22:33

Hello,

You’re welcome!

Regards,
Robert Hall.

#91551 Copied
Viewing 4 results - 1 through 4 (of 4 total)