Hi again,

I experimented a little with your given code and when also using “#sidebar-secondary” along with your “#sidebar-primary”, another one of the strange grey lines disappeared!

So, now there is “only” one lines left to get rid of!

Do you have any ideas?

Kind regards/Klas

Dear Sirs,

Thank you for your reply but it seems to be a misunderstanding.

1. Please read my reply #105486 – I have a new URL to my site, the problem with the grey lines only occured on smart phones and tablets (your screenshot is from the wrong site and from viewing at a desktop)

2. In your reply #105496 you gave me a css code which helped remove one of the three grey lines (it was actually four grey lines)

3. In my reply #105520 I informed you that I had managed to remove another line all by myself and now I can inform you that I also managed to remove the last to grey lines – so PROBLEM SOLVED!!

4. Here follows the extra css coding used (the first coding section provided by you) which removed the four strange grey lines (as it turned out all beeing “border-bottom” problems):

@media only screen and (max-width: 1023px) {.site-content .inner-wrapper #sidebar-primary {border-bottom: none !important;
}
}

@media only screen and (max-width: 1023px) {.site-content .inner-wrapper #sidebar-secondary {border-bottom: none !important;
}
}

@media only screen and (max-width: 1023px) {.site-content .inner-wrapper #primary.content-area {border-bottom: none !important;
}
}

@media only screen and (max-width: 1023px) {#masthead.site-header {border-bottom: none !important;
}
}

Kind regards/Klas

Hello again,

I do have another question:

What will happen with the extra css code used in the case of an update of the theme?

Will the extra css code used disappear?

Is it necessary to create a Child Theme?

I have updated WP itself but nothing happened to the extra css code, in that scenario.

Thank you in advance/Klas