blog page – 2 sidebars, right sidebar is below content – no room?

[creatorofstuff]

Hi!

I’m composing my first blog, and having a problem. (I hope I somehow didn’t cause this with something in my child theme.) I have elected to have a left and a right sidebar on the post page (in order to make the post narrower and easier to read).

Unfortunately, the right sidebar has been pushed down below the bottom level of the middle section, as if there is no room within the total width of the page.

I hope you can help! Thank you so much.

The post is set to private, so I apologize but you will have to log in to see it.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single-post .sidebar.right-sidebar {
    margin: 0px !important;
}

Thanks
Mohammad

[creatorofstuff]

Yes, that definitely made a difference! Thank you so much.

May I ask one more question? Please notice in the screenshot how the featured image is too big for the page. It is spilling out of the div.

I’m confused. The div is 1170px, and the image I used is only 1024px. But when I look at it with developer tools it has been enlarged to be 1170px, which appears to make it too big for the container. What am I doing incorrectly? I used the “featured image” option. It seems like that option made the image too big. ???

Thanks again for all of your great help!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single-post figure.media-wrap.full-width-detail{
max-width:1140px !important;
}

Thanks
Mohammad

[creatorofstuff]

Perfect!

Thank you very much. (I don’t understand why custom code is necessary for a first-time post to work properly but at least it’s working now.)

🙂

[Mohammad – SUPPORT]

Hi,
You most welcome 🙂 .
Thanks
Mohammad