so strange. Mine is small no matter what I do⦠Only in the custom collection it gets bigger.
What components and configurations are you using?
I think I lost some of the code. Can you send it again?
This is not a matter of code, but rather the components being used.
ok but I deleted all of the code and nothing appeared to change
These are my components. They are at the top.
3 kolom? The code above should work. What seems to be the problem on your end?
Himaladin:
/*Hide Navbar*/
#page-root:has(.slide-Show):has([class*="mobile-nav-bar"]) [data-testid="wire-container"] {
background-color: transparent !important;
padding-top: 0;
}
/*Container padding*/
#page-root:has(.slide-Show):has([class*="mobile-nav-bar"]) .slide-Show > div > div > div > div {
padding:0 !important;
width: 100%;
//margin-top: calc(30px - var(--safe-area-inset-top));
}
/*Hide Container background*/
.mobile-layer #main-root:has(.slide-Show) .slide-Show {
background: transparent !important;
}
.mobile-layer #main-root:has(.slide-Show) [data-testid="card-image"]{
height:300px;
}
.mobile-layer #main-root:has(.slide-Show) [data-testid="wire-component-stack-slide-Show"] > div > div > div, .mobile-layer #main-root:has(.slide-Show) [data-testid="card-image"] > div, .mobile-layer #main-root:has(.slide-Show) [data-testid="card-image"] img, #page-root:has(.slide-Show) [data-testid="cc-card"]{
border-radius:0;
padding:0px;
}
Iām not sure what the problem is. Iām searching for it.
Ok. I think thereās a bug. Before I copied your code, I went over to another app and then returned to see it like this:
It wouldnāt align like that before.
Itās still small though⦠then I replaced my code with yours and itās still small.
Full screen looks like this:
If you use a component for the logo, then the limit you can achieve is this. However, if you use an containerās image as a background, you can exceed it, but it wonāt appear on mobile.
I closed the page and opened it again and itās back to this:
And I didnāt change anything yet.
I probably played around too much and broke the system
when I reopened the page, the components moved ⦠I didnāt move them.
@NoCodeAndy Has this happened before?
This happens when youāre trying to do a layout. This is normal.
why does it happen?
or I should ask⦠Is it supposed to happen?
The system cannot redistribute your component back to another column, except undo.
Since I had closed the page, undo doesnāt get me very far:
Is your screen wide enough? Do a crosscheck in CSS as well.
my screen is 1920 (according to Glide device info). I deleted all the css and just copied the last one you gave me.
Iā'll try reverting to my original css from earlier today.