Yes. I made it full screen to get the space for the sidebars.Mannix_ wrote: Wed Jan 22, 2025 10:23 am Looks like you went back to the code from the original post i linked
Code: Select all
/* max-width: 1152px; */
Code: Select all
.sidebar-wrapper {display: flex; gap: 10px; align-items: start; margin-inline: auto; --sidebar-width: 150px; max-width: calc(1152px + (var(--sidebar-width)* 2));}
.sidebar-left {width: var(--sidebar-width); flex-shrink: 0; position: sticky; top: 0;}
.sidebar-right {width: var(--sidebar-width); flex-shrink: 0; position: sticky; top: 0;}
#page-body { float: left; width: 100%; margin-right: -340px; }
.page-body-inner { margin-right: 340px; }
.sidebar-left + #page-body { clear: none; }
.sidebar-left { float: left; width: 160px; margin-right: 10px; }
.sidebar-right { float: right; width: 160px; }
#page-footer { clear: both; }
@media (max-width: 1200px) {
#page-body, .page-body-inner { width: auto; float: none; margin-right: 0; }
.sidebar-left { display: none; }
.sidebar-right { float: none; margin: 0 auto; }
.sidebar-left, .sidebar-right, .sidebar-left + #page-body { clear: both; }
}
Code: Select all
<div class="sidebar-left">.../div>
Code: Select all
<div class="sidebar-right">.../div>
width: 100%;
on the .wrap
Made the changes, the layout looks better now.Mannix_ wrote: Wed Jan 22, 2025 3:06 pm the type/amount of content on the website is what make it shrunk to fix that we just needed to addwidth: 100%;
on the.wrap
Looks like this issue can be resolved (temporarily) by changing the Google Ad style fromMannix_ wrote: Wed Jan 22, 2025 6:58 pm That's a question for google and their ads. I never used google ads so i don't really know
Code: Select all
style="display:block"
Code: Select all
style="display:block; text-align:center; min-width:400px; max-width:1110px; width:100%; height:90px"
If the sidebars are moved outwards, as shown below:Mannix_ wrote: Wed Jan 22, 2025 10:23 am Looks like you went back to the code from the original post i linked
Code: Select all
@media (width <= 900px){
.wrap {
order: -1;
}
.sidebar-wrapper{
flex-wrap: wrap;
justify-content: center;
}
}