Blocks not full width

  • Author
    Posts
  • #158873

    talkwithfos
    Member

    Large portions on each side of the homepage are blank, even though I have all blocks set as full width: http://www.talkwithfos.com
    Especially on the mobile version of the site, where almost 50% of the viewing screen is white space (please see the section under the heading “Hi, I’m Fos” on the homepage.)

    This issue is also occurring on the ‘Personal Growth’ and ‘Mental Health’ pages under the section titled “Here’s how coaching with me works”.

    Any advice/ help would be greatly appreciated!

    Thanks in advance

    The blog I need help with is talkwithfos.com.

    #158895

    sakinshrestha
    Theme Author

    @talkwithfos: Thanks for using the Verity theme. I tried to check the issue on your pages but when I visit your site it shows “Coming Soon” to me.

    #158918

    talkwithfos
    Member

    Thanks Sakinshrestha, the site should be accessible now

    #158921

    sakinshrestha
    Theme Author

    Thanks for letting me know. Can you try adding the following CSS in “Custom CSS

    @media screen and (max-width: 599px) {
    	.hero-content-wrapper .section-content-wrap,
    	.singular-content-wrap .wp-block-group.alignfull {
    		margin-left: -37px;
    		margin-right: -37px;
    	}
    	.hero-content-wrapper .wp-block-coblocks-media-card.is-stacked-on-mobile .wp-block-coblocks-media-card__content {
    		margin-left: 0;
    		margin-right: 0;
    	}
    }
    #158940

    talkwithfos
    Member

    Cheers! that sorted it. Thanks for the quick help :)

    #158952

    sakinshrestha
    Theme Author

    Glad to hear that it got sorted out. Thanks for using Verity Theme. Have a nice day.

The topic ‘Blocks not full width’ is closed to new replies.