Help With 100% Width and responsive CSS issue in Adobe Muse
Hello there, I am trying to create a rectangle shape in adobe Muse which I would like to span the width of the browser (which i have done) and be responsive (which I have done).
The issue I am having is that the responsive scaling breaks for some reason. Is there a reason why? It work perfectly... then breaks and I can figure out why. I have implemented a 100% height code CSS which worked perfectly and converting height to width doesnt appear to function properly.The CSS I have used (or variation of this - 100% etc) is merely:
<style>
.fullWidthTest {
width: 100vw !important;
min-with: 0px !important;
height: auto !important;
}
</style>
(!important is something you hsve to use in Muse apparently to override the applications CSS, I know it's frowned upon).
The issue is on the page below in the Showreel section at the bottom.
https://www.roryjmurphy.com/about-rory.html
Thank you in advance! I hope I have been clear enough.
ABOUT RORY | roryjmurphy.com
Learn more about the exciting world of Rory J Murphy - his cients and when and where his work has been shown.
2 Replies
There seems to be no element on the page that uses the
.fullWidthTest class and it's hard to dig through all that generated CSS and JS code.
!important is frowned upon for exactly the situation you're in: you'll run into troubles like this, where the Framework of the app just doesn't want users to override it's inner workings or stuff will break.
Do it the Muse way or don't do it at all is what Adobe's basically telling you. If you don't, you eventually loose control of your styles and have to battle !important with more !important and id selectors.
This is an inherand issue with any clickery site builder tools no matter the brand.Hey there, @WebMechanic .. Thank yu for getting back to me!
So I have switched over to a fullHeight class I used elsewhere. I thought I would let the application handle the width and the CSS would do the height. Seems to work better but it still breaks but not in such a terrible way, so that maybe why the .fullWidthTest is no longer there.
@WebMechanic Thanks again! Have a good week!