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
