Home Forums Pro Themes Magazine Plus Pro Re-positioning of left sidebar using three column layout and left/right sidebar

This topic contains 65 replies, has 2 voices, and was last updated by  wensolutions 2 months ago.

Viewing 6 posts - 61 through 66 (of 66 total)
  • Author
    Posts
  • #105520

    Klas Kallin
    Participant

    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

    #105681

    wensolutions
    Keymaster

    Hello.

    When we inspected your site URL, we did not find any grey line as you can see in the screenshot below:

    https://prnt.sc/p3l4wu

    So can you please provide the screenshot of the issue so that we can help you further?

    Thank You.

    #105688

    Klas Kallin
    Participant

    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

    #105690

    wensolutions
    Keymaster

    Hello

    Glad that issue is now resolved.

    Feel free to reach us for any further query/confusion.

    Regards!

    #105691

    Klas Kallin
    Participant

    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

    #105706

    wensolutions
    Keymaster

    Hello,

    The CSS in the additional CSS will not disappear even after updating the theme. You can also paste the CSS in your child theme style file as well.

    But make sure the CSS is not added in the parent theme directly as all the CSS will be lost upon update.

    Thank you.

Viewing 6 posts - 61 through 66 (of 66 total)

You must be logged in to reply to this topic.