Archived topic
Can disbale feature image for mobile users?
10 replies · Started by Subhasish on July 28, 2021
I want to know that isthere any way I can disable feauture images only for mobile users.
Hi there,
Can you link us to the page in question? To inspect and be sure which selector to use.
Let us know. :D
Sure, provided url of one of the posts.
Hi there,
Edit the Block Element.
Select the Container Block with the featured image background:
1. In Advanced > Additional CSS Class(es) add: no-mobile-bg
2. select the mobile view and in Spacing set the Min Height to 0
Save those changes.
Then add this CSS to your site:
@media(max-width: 768px) {
.gb-container.no-mobile-bg {
background-image: unset !important;
}
}
Please check the spacing, https://imgur.com/a/UmWem36
Couple of things:
1. Edit the Block Element, select the parent Container Block, switch to Mobile view and reduce the Top / Bottom Padding under Spacing.
2. Delete the empty text block that is below the container block.
which empty text block? https://imgur.com/a/CGCuIDJ
after decreasing the padding - https://imgur.com/a/hPQkjZS
Which empty text block - the one that says "Start writing...". Just select that and backspace to delete it.
Just remove the bottom padding, and with the Grid Block selected set the Vertical Gap to 0
okay done, check https://imgur.com/a/DL8aSFl
The only thing i see is the missing top Padding.
Edith the Block Element - select the parent Container Block, switch to Mobile view, and add some Spacing > Top Padding.