[SOLVED] Hiding panel header in mobile device is not working |
7/25/2026 02:12:35 | |
| PHPRunner General questions | ||
mic'',) author
I'm customizing my CSS and working on a custom mobile layout. However, hiding the panel-heading on mobile using the :host pseudo-class isn't working, even though it works perfectly in desktop mode. Does anyone have any thoughts on why this might be happening? Thanks in advance |
 2026_07_25_14_08_15.png
|
|
|
Sergey Kornilov admin 7/26/2026 |
|
Your screenshot doesn't explain what exactly you need to hide but the general approach is to use CSS media queries that target certain screen sizes. Check this for more info: And you would need to use Custom CSS section on 'Style Editor' screen to implement this kind of CSS. |
|
|
|
mic'',) author 7/27/2026 |
|
I understand. After further investigation, I was able to determine a solution. The following selectors: [data-itemid="heading_name"] > .panel-heading,work correctly, even in desktop mode, perfectly hide the panel-heading. Additionally, I discovered that fields can be rearranged in a grid-like layout by using Flexbox both desktop and mobile, which provides greater flexibility in controlling the positioning and alignment of elements.
Thanks and cheers |
|