I want to put an ios26 style close button (X inside white circle) in a panel nabber but --f7-panel-right-width overrides the circle setting (makes it a large oval). I cannot see a way to misapply this setting to my button (using unset in css does not work).
Grateful for any suggestions
SOLVED
it was a misplaced css file (spotted when examining another panel with same code but working…)
I had a similar issue recently. Usually, you can fix this by overriding the CSS variable directly. Try adding --f7-panel-width: 300px; (or whatever size you need) to your panel element or in your global CSS. Framework7 relies heavily on these variables for layouts, so that’s often cleaner than forcing a width with !important.