Thanks Ciaran,

I will download and try the new version.

I can't give a link to the site as for now it is running on my laptop (it's for testing J4 and the template and any modules before committing to a live site)

Currently running on Apache / mysql 8.x / PHP 7.4 so should be any issues with those!

Paul

Hi Paul

We have just released an update to the Nina Joomla 4 template which should hopefully resolve this issue for you. For details on updating your template may I suggest the following article.. https://joomla51.com/tutorials/joomla-basics/updating-your-joomla-template

If the issue persists after updating, may I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran

I have a further update.

Not sure if this is a 'good' solution, but having got the header to be 'sticky' I have now resolved the problem of the showcase sitting below the header and menu instead of behind it.

I put in a module override for position 'showcase 1a' with a top margin of -100 and that works.

I guess you can put in whatever figure suits your needs, but this seems to be an ideal compromise.

Hope this helps.

Paul

Hi Ciaran,

Thanks for the quick response. The zoom effect is now gone, however the header was still scrolling.

I tried this -
#container_header.container_header {
position: sticky;
top: 0;
z-index: 10;
}

and that worked as far as stopping it scrolling, BUT, showcase now sits below the header instead of behind it.

Anything else I can add that will sort that bit out?

Thanks,
Paul

Hi Paul

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#container_header {

    position: sticky;

    top: 0;

    z-index: 10;

}

To remove the zoom effect in the slideshow, try also adding the following...

div.layerslideshow .tns-slider img {

    transform: scale(1) !important;

}

Ciaran

Hi Ciaran,

I don't have a URL that you can access as I am developing this J4 site on my laptop! (Before I commit to uploading anything near a live environment)

As I have described, the header block simply scrolls up with the page, rather than remain static. Is this an issue with the J4 version of Nina, as I can see the demo on your site works perfectly well?

Sorry, but is there a way of stopping the parallax effect on the Layer_Slideshow module which I am using in the showcase area. I tried the custom css from your tutorial, but that didn't work.

Many thanks,

Paul

Hi Paul

Would you have a URL to an example of this issue?

Ciaran