Return to previous page

Search icon in wrong place - by queenb123

This topic has 8 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Jack Richardson

queenb123

Participant

July 30, 2015 at 08:22

hi, the search icon is in wrong place in the iphone version:

can you please take a look?

Thanks!

#77817 Copied

7 Answers
Robert Hall

Support staff

July 30, 2015 at 08:29
Hello,

The problem caused by the following code in Custom.css file. Try to replace him.
```
.header-type-12 .shopping-container {
    padding: 21px 30px 27px 70px;
}
```
to
```
@media only screen and (min-width: 1200px){
.header-type-12 .shopping-container {
    padding: 21px 30px 27px 70px;
}
}
```
Regards,
Robert Hall.
#77820 Copied
queenb123

Participant

July 30, 2015 at 08:36

ok almost there but its still slightly down:

#77823 Copied
Robert Hall

Support staff

July 30, 2015 at 08:43
Also remove this code in custom css on line 312
```
.header-type-12 .header-search {
    border-left: 1px solid #f2f2f2;
    margin: 0;
    padding: 0px 20px 0px;
}
```
Regards,
Robert Hall.
#77825 Copied
queenb123

Participant

July 30, 2015 at 08:51

nearly there all these codes removal are affecting other things on the site:

#77829 Copied

Robert Hall

Support staff

July 30, 2015 at 09:08

Because this code was added twice (in custom css file and in Global Custom CSS – Theme Options->Custom CSS). Please check now.

Also please clean all cache.

Regards,
Robert Hall.

#77837 Copied

queenb123

Participant

July 31, 2015 at 09:41

sorry can you please tell me which specific code has been added twice please?

#77951 Copied
Jack Richardson

Support staff

July 31, 2015 at 09:58
Hello,

The mentioned code was:
```
.header-type-12 .header-search {
    border-left: 1px solid #f2f2f2;
    margin: 0;
    padding: 0px 20px 0px;
}
```
Please clarify is your problem solved? Can we close this topic?
Thank you.

Best regards,
Jack Richardson.
#77961 Copied
Viewing 8 results - 1 through 8 (of 8 total)