Scroll bar still showing

I don’t see any popup links on the page you have linked to

Sorry I linked you to the actual page! Silly me.

The correct link is: https://roundwoodhouse.com/things-to-do/around-and-about

Then click on the links.

Also can I use percentages instead of pixel size as this will work better on various screen sizes?

Cheers

Steve

The browser is probably overriding the scrollbar setting if there is content off screen.

Try adding the following CSS

body.page-layout-hide-masthead {
overflow: hidden;
}

Percentage values are not supported by the plugin.

Thanks

Does this CSS just go into custom CSS for the theme?

You can add this to the custom CSS section of the WP customizer

The CSS did not have any effect. In all browsers (Firefox, Chrome, Safari) the scroll bar remains.

Any other thoughts/ideas?

Cheers

Steve

The following might work, but check that this does not prevent scrollbars from appearing on other pages of the site where they should appear.

html,
body.page-layout-hide-masthead {
	overflow: hidden;
	height:100%;
	width:100%;
}

Yeah that kills the scroll bar on all pages!

Steve

If the experimental “:has” psuedo element was available to use in CSS it would be possible to limit the CSS selector to select on the body element only when it has a specific class (in this case the body class ‘page-layout-hide-masthead’)

This CSS would need to be added only on the popup pages that specifically need it. How to best do this probably depends on your theme

Thanks

With the help from Alex of Site Origin we have found a way of achieving an half way acceptable result.

Wrapping the shortcode around the image works well by the way.

Cheers

Steve