Hi James

To apply the suggeseted CSS to just desktops you can wrap it in a media query like so...

@media only screen and (min-width: 1024px) {

#container_header {

    min-height: 500px;

}}

To ensure your slideshow text is displayed on all devices you can also add the following...

.layerslideshow .info {

    display: flex !important;

}

You may wish to reduce the font size of the slideshow text on smaller devices which can be done with the following...

Edit to taste.

@media only screen and (max-width: 768px) {

.layerslideshow .item h2 {

    font-size: 18px;

}}

Ciaran

I did try adding the suggested Custom CSS code, however, when I went to the mobile view, it caused an issue. I had to remove the code so I don't know if the code would have helped the desktop view or not.

I just know that it happen on both my desktop and a notebook computer so I am concerned that when we go live on the actual domain we may have an issue later.

If it might be Joomla causing the issue when one changes menus and in many cases the template version such as a caching issue.

In the Joomla Configuration I have System Cache set to the default Off- Caching disabled.

There are On - Conservative Caching and On - Progressive Caching settings.

Currently the Cache time is 15 and the Platform Specific Caching is set to the No.

I have worked with Joomla for 11 years but I haven't try any other settings for the Cache Settings.

As far as the slideshow captions, that was only on the mobile view.

Before I changed from Jasmine to Chelesa, the mobile view still displayed the captions on the layer slideshow that was installed with the Jasmine.

So far my client hasn't expressed a concern of not having the captions display on the mobile view.

Is there a code that could be added to only work on the desktop view and not on the mobile view for the menu bar issue?

I guess we can proceed with the live site on the domain and see if we get the issue to occur and then go back to you with another screenshot.

Because of some special issues, I duplicated the Chelsea template and used it for Our Story, Blog, Recipe and Online Store.

The other menus are using the Default Chelsea template.

Could having six header images displaying on five different versions of the template be somehow overloading the Joomla installation causing the menu bar issue.

I appreciate your effort in attempting to fix an issue that you can't really see happen.

Thanks again.

James

Hi James

Unfortunately we are unable to replicate this issue so the following is a bit of a shot in the dark. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#container_header {

    min-height: 500px;

}

Is slideshow captions still an issue? Would you have a URL to an example?

Ciaran