Main area overlaps with the sidebar

  • Resolved design_studio

    (@design_studio)


    9 years ago

    Hi there. First I want to say thanks for creating and sharing that nice and neat looking theme. As from the title, I have a strange problem and I suppose it is coming from the fact that the theme is not designed to hold and display too much text. However I need to have few posts with galleries and text, this is how I discovered the funny behavior. Now in short: Is there a way to separate the main content area and the sidebar, while keeping them responsive without the text or the sidebar to overlap with each other. Something like 70% – 30%.
    Please check the attached images – one and two. On the first one you can definitely see that the main area overlaps the sidebar area. Probably it is not going to be the case if I have other widgets, but I want to keep it tidy like that, and just want to have the text flow under its own section. The second image shows when I try to make the viewpoint smaller in the browser there is a certain size of the window where the sidebar overlaps the main area.
    So can 70% – 30% separate areas be achieved and how?
    I have own child theme created.
    Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Could you provide a link to your site so I can inspect the overlapping elements directly?

    To rule out the Jetpack tiled gallery as being part of the cause, could you try:

    – a regular WordPress gallery (non-tiled)
    – a post with just text and no gallery

    Thread Starter design_studio

    (@design_studio)

    Hello Kathryn, Thank you for your response. Unfortunately I have installed the theme and WordPress locally for testing first to see how it goes.
    Trying your suggestions solved the overlapping in the first screenshot I’ve provided. However when I try to resize the browser windows the second overlapping – the sidebar over the content appears. Can it be something with the media queries? Now I haven’t installed anything else it is just WordPress, the theme, some dummy content as you can see and twitter widget code in a txt widget.
    Hope this helps.
    Kind regards

    Thread Starter design_studio

    (@design_studio)

    I believe I found the reason for that behavior – somehow an extra margin of 30% is added to the site content which was overwriting the initial 30%.
    Thanks for taking the time to answer.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Main area overlaps with the sidebar’ is closed to new replies.