Tried, and have figured it gets overridden by a css called in the footer. Tried adding a snippet at the end of the document, gets overridden too.
Fiddling with it in inspector works well though. Managed to use it with vw parameters, like charm.
The !important that you've removed does break i, showing a bit of the div. Addind the !important to the transform property also breaks it all (there, nothing shows at all).
I'm assuming, the only way is to go dig in that css file?
(also this is not a major thing i need, i can happily live without)
See if that gets the slide-out panel to widen and retract as defined in the previous CSS we gave you. Ideally adding the same CSS to salient \ general settings - css script related - custom css code should override andy CSS in any file.
Hello!
I would like to know if there's a way to affect the width of the expanded Slide Out menu. I'm using very big big type, and it doesn't fit.
Thank you :)
Hi there,
Can you try the following CSS to accommodate the large bits of text in the off canvas menue:
#slide-out-widget-area.slide-out-from-right-hover{ width:500px !important; transform: translate3d(501px,0,0); -webkit-transform: translate3d(501px,0,0); -ms-transform: translate3d(501px,0,0); }add it to salient \ general settings - css script related - custom css code.
Cheers.
Hi Noah!
Sorry for the late reply.
When i add your code,the div seems to stick out from the side of the viewport, and hides the button.
Thanks!
Attached files: Screenshot 2023-07-24 at 13.16.10.png
Hi there,
Can you try this one:
#slide-out-widget-area.slide-out-from-right-hover{ width:500px; transform: translate3d(501px,0,0); -webkit-transform: translate3d(501px,0,0); -ms-transform: translate3d(501px,0,0); }And if it does not work then give us access to the backend - username password with admin role - to better adjust this.
Thanks.
Hi Noah,
Tried, and have figured it gets overridden by a css called in the footer. Tried adding a snippet at the end of the document, gets overridden too.
Fiddling with it in inspector works well though. Managed to use it with vw parameters, like charm.
The !important that you've removed does break i, showing a bit of the div. Addind the !important to the transform property also breaks it all (there, nothing shows at all).
I'm assuming, the only way is to go dig in that css file?
(also this is not a major thing i need, i can happily live without)
Attached files: Screenshot 2023-07-25 at 12.57.14.png
Hi there,
Could you try to add the CSS to the end of the CSS file at: https://cuisine.youmakeme.com/Porto/wp-content/themes/salient/css/build/off-canvas/slide-out-right-hover.css
See if that gets the slide-out panel to widen and retract as defined in the previous CSS we gave you. Ideally adding the same CSS to salient \ general settings - css script related - custom css code should override andy CSS in any file.
Let us know how that goes.
Thanks.