Module position lost after savin custom.css in framework settings

waldo99

Hi,
now I have the same issue on another site similar to #p227158 / this time with JA Sport template
Custom CSS Code gets lost after saving the custom css in the template style area.

http://jp4nk.w4yserver.at/de/tanzhof-baumann-klopeinersee/ueber-uns

I am not amused because a lot of work to get the lost styles back.
It took much work to get the styles back.
Okay so far. No help needed - but solving the bug when saving on T4 would be fine.

But one thing is still lost and I do not know how to get it back again:
The header-r position of the block (a red button on position header-r) is not visible any more.
It was there until this morning. Then I saved the css...

Disappeared as quick as the css styles did - just with one click by saving the settings.
I need this module position "header-r" back also on small screens!!
Please help.

saguaros

waldo99 Hi

That header-r block should not be related to css settings, I checked the Layout settings in template >> edit your custom mainnav block and you're using d-none class there, any element with this class will be set to be hidden.

I just changed it to:

<span class="d-block d-sm-none d-lg-flex align-items-center">

d-block d-sm-none << this class will help to show this element on mobile only.

If you want to show it in other view ports, you can use the associated Bootstrap class here: https://getbootstrap.com/docs/5.0/utilities/display/#hiding-elements like I added above.

waldo99

saguaros

I am goona make backups of custom.css and customized block codes in future.
For the case that saving T4 settings will mess up the code again.
(I am not nuts, that happened twice)

Thanks a lot.
Walter

saguaros

waldo99 Feel free to let me know if you need help on this in the future 😉