1. smithjd44
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 24 May 2020
  5.  Subscribe via email
I started out designing a website using the Jasmine template but switched to the Chelsea because my client wanted to use the header slideshow.

I have duplicated the Chelsea into 4 copies in order to change template parameters for several of the web pages.

I noticed when I switched to the Chelsea template the layer slideshow no longer displays the captions when viewed by a mobile phone even though I have it set to display.

That is a minor issue. The major issue is sometimes when I switch from one menu to another, the menu bar will move up and cover a portion of the header.

I have attached a screenshot of what it looks like.

I first thought I had too many open browsers open that caused the issue but I also had it to happen with my notebook computer.

You might see if you get it to do it.

It happens intermittently so it may very well not do it when you are on the website.

The website is under development on a temporary domain http://tempdomain39.site.

I also also attach the url at the bottom of this post as well as the screenshot of the event.

I would like a solution for both issues but mainly the menu bar moving into the header area is my primary concern.

Thank you in advance.

James S.

PS: Send me an email and I will happy to provide you administrator access to the website.
Attachments (1)
References
  1. http://tempdomain39.site
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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
References
  1. http://tempdomain39.site
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!