Double line on header border bottom ONLY on mobile - Support

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
August 30, 2016 at 3:17 am #679230

navindesigns
Participant

Hi,

I am using the following code to add a border at the bottom of my header. On desktop it looks great but on mobile, it is appearing as a double line.

header#header {
border-bottom: #004f87 2px solid;
}

Screenshot – https://s17.postimg.org/uoet8yhv3/Screen_Shot_2016_08_29_at_9_13_11_PM.png

Pages affected
http://www.elite-fit.com/testimonials/
http://www.elite-fit.com/contact/

August 30, 2016 at 1:25 pm #679402

Yigit
Keymaster

Hi

“SOMETHING NEW IS COMING. We are Working on Our Website”. Please post temporary logins so we can see the issue.

Best regards,
Yigit

August 30, 2016 at 3:23 pm #679502

navindesigns
Participant

sorry

here you go

August 30, 2016 at 3:33 pm #679511
Yigit
Keymaster
Hi!

Please add following code to Quick CSS
```
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
    border-bottom: none;
}}
```
Regards,
Yigit
August 30, 2016 at 3:39 pm #679518

navindesigns
Participant

That works but now on mobile the header bottom border is gone from these pages on mobile
http://www.elite-fit.com/
http://www.elite-fit.com/body-sculpting/

any ideas?

August 30, 2016 at 3:46 pm #679524
Yigit
Keymaster
Hi!

Please remove custom CSS code i posted, edit your top color section elements on these pages with double border and give those color sections a custom ID and then add following code to Quick CSS
```
@media only screen and (max-width: 767px) {
#your-custom-id { background-image: none !important; }}
```
Regards,
Yigit
August 31, 2016 at 4:55 pm #680154

navindesigns
Participant

that works

thanks
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Double line on header border bottom ONLY on mobile’ is closed to new replies.