You can hide a section or a block on some screen sizes, such as a long paragraph on phones, or hide it everywhere for now and bring it back later. A hidden section or block stays in your project with all its settings.
Hide it on some screen sizes
Open your project in Fantasma.
Right-click the section or block on the canvas.
Point at Hide on.
Under Screen, select Desktop, Tablet or Mobile. A check mark shows the sizes it is hidden on. Select the size again to show it there.
The same choice is in the right sidebar:
Click the section or block on the canvas, or click its row in the Sections list.
In the right sidebar, scroll to the Display group near the bottom. Click + next to it and select Screen sizes.
Select the check box Hide on Desktop, Hide on Tablet or Hide on Mobile.
To check the result, click Preview size in the toolbar under the canvas and select that size. The block is gone from the page. You can still select it in the Sections list in the left sidebar.
Screen size
Visitors' screen width
Desktop
1024 px and wider
Tablet
672 to 1023 px
Mobile
Below 672 px
A block hidden on some sizes is still in the page that Ghost sends; the visitor's browser leaves it out at those sizes. Hidden on all three sizes, the panel says it is hidden on all screen sizes. To leave a block out of the page entirely, use Hide, below.
Hide a block when its section is narrow
A block can also follow the width of the section it sits in instead of the screen. Under Hide on, the Section width group offers Wide, Medium and Narrow, with the same ranges as the screen sizes. In the right sidebar, click + next to Display and select Section widths.
Use it for a block in a section that you set narrower than the screen with Width under Layout, or in a pattern you reuse in sections of different widths. The block then hides when its section gets narrow, whatever the size of the screen. Sections themselves offer only screen sizes. Hiding a section hides every block in it.
Hide it everywhere
Right-click the section or block.
Select Hide.
The section or block disappears from the canvas, and its row in the Sections list turns pale. It is left out of the theme file, so Ghost never shows it. To bring it back, right-click its row in the Sections list and select Show.
A form field that its form cannot work without cannot be hidden. The Hide item is grayed out for it, and pointing at it says why.
To show a block only to members, or only on some posts, use the other rules under Display. Display settings lists them all.
You can hide a section or a block on some screen sizes, such as a long paragraph on phones, or hide it everywhere for now and bring it back later. A hidden section or block stays in your project with all its settings.
Hide it on some screen sizes
The same choice is in the right sidebar:
To check the result, click Preview size in the toolbar under the canvas and select that size. The block is gone from the page. You can still select it in the Sections list in the left sidebar.
A block hidden on some sizes is still in the page that Ghost sends; the visitor's browser leaves it out at those sizes. Hidden on all three sizes, the panel says it is hidden on all screen sizes. To leave a block out of the page entirely, use Hide, below.
Hide a block when its section is narrow
A block can also follow the width of the section it sits in instead of the screen. Under Hide on, the Section width group offers Wide, Medium and Narrow, with the same ranges as the screen sizes. In the right sidebar, click + next to Display and select Section widths.
Use it for a block in a section that you set narrower than the screen with Width under Layout, or in a pattern you reuse in sections of different widths. The block then hides when its section gets narrow, whatever the size of the screen. Sections themselves offer only screen sizes. Hiding a section hides every block in it.
Hide it everywhere
The section or block disappears from the canvas, and its row in the Sections list turns pale. It is left out of the theme file, so Ghost never shows it. To bring it back, right-click its row in the Sections list and select Show.
A form field that its form cannot work without cannot be hidden. The Hide item is grayed out for it, and pointing at it says why.
To show a block only to members, or only on some posts, use the other rules under Display. Display settings lists them all.