Responsiveness has changed

Hi Troyw,

For the image, can you try modifying the current code to something like this and see how it goes?:

@media (max-width:768px){

.page-hero picture {
		left:0;
		top:0;
    }

.page-hero picture /*> **/ img {
    width: 200px !important;
    height: auto;
    }
}

With regards to the whitespace, it seems to be coming from a Paragraph Block. Check your Block Element and Page if you’ve accidentally placed a Paragraph Block. This usually happens when you accidentally press “enter” while editing, which in turn automatically adds a Paragraph Block, thus the unwanted space.

See: https://share.getcloudapp.com/mXuY89d6

Also see: https://share.getcloudapp.com/YEurGqqz

Kindly let us know how it goes. :)

Hey Fernando,
Can't quite understand how, but that replacement CSS fixed it. Must be magic, thank you.

As for that white gap, in have tried everything and can't seem to find the issue.
The page itself has nothing in it except for two Shortcode blocks which present content from Pods Custom Posts. Here is the code from Pods, which as you can see, shouldn't be causing this to happen.

  [before]
<div class="vic-artist-arch-container">
	
<h2 class="vic-artist-category-head">Current Artists</h2>
	<h6 class="vic-artist-category-head">(Displayed In Alphabetical Order – Legacy Artists: xxxxx, xxxxxxx, xxxxxxx, xxxxxxxxxx at bottom) </h6>[/before]
<article class="artist vic-artist-arch vic-artist-arch_current">
	<div class="gb-inside-container">
		<div class="gb-grid-wrapper vic-artist-wrap">
			<div class="gb-grid-column vic-artist-arch-col_left">
				<div class="vic-artist-left-col-inner">
					<h2 class="gb-headline gb-headline-text vic-artist-head">{@post_title}</h2>
					<div class="dynamic-entry-excerpt">
						<p class="vic-artist-excerpt">
						{@post_content, vic_excerpt_filter}
						</p>

						<p class="read-more-container">
						<a title="{@post_title}" class="read-more button" href="{@permalink}" aria-label ="More on {@post_title}">Read more</a>
						</p>

					</div>
				</div>
			</div>	
			<div class="gb-grid-column vic-artist-arch-col_right">
				<div class="gb-container vic-img-container">
					<div class="gb-inside-container">
				{@post_thumbnail.medium}
					</div>
				</div>
			</div>
		</div>
		<!--end grid wrapper-->
</div>
<!--end container-->
</article>

	
	[after]</div>[/after]

I know you don't support Pods Custom Posts and nor should you. Just wanted you to see the above code to show why that I don't think Pods is the issue. The issue is coming form the Page itself somehow, though there is nothing else there?
I tried putting the shortcodes into a container and reducing the top margin, but this didn't work either. The white gap is above the content or below the divider I think?
Any ideas where this white gap could be coming from or how I could even colour it black. Again, only shows up in Mobile view?

Hi Troyw,

With regards to why the image is being centered, with the previous code, width: 100vw !important; stretches out the container of the picture to 100vw. Because of this, even if the container is at top: 0 and left: 0, since the <picture> container is at text-align:center, the image becomes center with regards to 100vw.

With regards to the whitespace, it is under your page-hero and a container. It’s also there on Desktop view but it not apparent. If you increase the element’s spacing a little bit, it will also be visible in Desktop: https://share.getcloudapp.com/NQuNOkLX

With that said, can you kindly check if there are Block Elements implemented on this page?

Kindly hover on this when view the page to see: https://share.getcloudapp.com/kpuJB9XG

If so, kindly check all Block Elements and see if there is a Paragraph Block with no text anywhere: https://share.getcloudapp.com/mXuY89d6

Kindly let us know how it goes. Hope to hear from you soon! :)

Oh wow, I found the little monster hiding under the divider element. An empty Paragraph block!
Thank's so much, that was driving me crazy.

This happened to me once before too. I find it helpful to have the List View open to avoid it from happening again. :)

You’re welcome Troyw! As always, feel free to reach out if you’ll need assistance with anything else. :)