Hi!
I’m using Gossip Demo as a basis for building a site with Newspaper theme.
Now trying to integrate fixed-width ads (I don’t have full access to responsive ads / variable size ads) into the right side column of several Cloud templates, specifically Medium Rectangle ads (300×250).
I see that the left column is set to 75%, the right column to 25%.
On large enough desktop screens, 25% is larger than 300px, so the MRs get displayed at the full size.
On mobile, the responsive layout let’s the right column flow beneath => also good.
But on tablet view, 25% is smaller than 300px, so the MRs overlap outside of the column.
What I would like to do, is:
* fix the right column to a minimum of 300px
* size the left column to the remaining space inside the row
Is there a good way to do this?
Cheers
Hi,
Some templates do indeed use percentage values for the width of the columns, calculated from the total width of the row https://prnt.sc/ue7uqg
You can adjust the widths if needed, decrease the width of the content column https://prnt.sc/ue7vsy and increase the width of the sidebar column https://prnt.sc/ue7w3u
Please try that and check how it looks/works.
Thank you!
Hi Simion,
thanks for the quick answer – yes, I’ve already tried that approach, but it only provides a solution for some screen width. Whatever percentage I add to right column, 30%, 35% – if the screen is too small, that may still be less than 300px.
It will do as a workaround, but it’s not perfect… đ
What I was hoping for, was more like “make one column 300px fixed width / or min. 300px – and the other one use the remaining space”…
Hi,
So you want to set a fix width for sidebar and an auto width in % for the main content, you can do this like this: set the 300 px on sidebar column -> https://i.imgur.com/YTXKss8.jpg after that use this this method on main column -> https://i.imgur.com/P1Ecaaw.jpg
calc(100% - 300px)
Hope this will help you!
