Recent
Categories
View Replies (5)

Beaumont J51_carousel disappearing

0
Votes
Undo
  1. mrn
    mrn
  3. Commercial Templates
  4. Saturday, 16 April 2016
  5.  Subscribe via email
Hi Ciaran,
The website http://www.gosfordpc.com.au uses the new Beaumont template and the J51_carousel. My problem is that the carousel mod is playing up for me. I've recorded some videos of the issues to make it easier to see whats going on.

First problem, sometimes when I go to the site and scroll to the footer and then back up to the top the carousel is still running but the words are no longer in the correct position and the slideshow picture has been cropped at the top.
http://www.gosfordpc.com.au/joomla51issue1.mov

The second, is in the same circumstances, pages loads scroll to footer and then back up to the top but this time the carousel module is gone causing the slideshow image to mostly disappear.
http://www.gosfordpc.com.au/joomla51issue2.mov

Lastly, I've been playing around with the slideshow and the carousel modules timings so that they will transition at the same time. Do you know what timings are required that will make this happen? I can get it in sync for 3 passes but after that it is obviously out of sync.

Joomla version: 3.5.1
Browser: Chrome and Safari
Running on hosted hardware (http://www.netregistry.com.au)
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend ensure that all your images have equal proportions. In particular the following image... http://www.gosfordpc.com.au/images/slideshow/heisrisen.jpg

Images within the slideshow are resized to 100% width which is causing the above mentioned images height to be considerably less than your remaining slideshow images.

For our template demo we used the following transition settings...

Header Slide Interval: 5000

Carousel - Transition Interval (ms): 5100
Carousel - Transition Duration (ms): 400

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
mrn
mrn
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran, this has worked perfectly.
Your templates are awesome but its the occasional support on these forums is what keeps me coming back. You do an amazing job.

Another question:
For the mobile version of the website is it possible to move the menu to the right of the logo.
For example:
Changes
End result menu
End result when scrolling
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

You could try something like the following which can be added to the Custom CSS field of your templates parameters...


.slicknav_menu {

    background-color: transparent;

    position: fixed;

    top: 45px;

    width: 100%;

    z-index: 999;

}

.slicknav_menu .slicknav_nav {

    background-color: #4e5270;

}

.slicknav_menu .slicknav_btn {

    right: 20px;

}


Admittedly I haven't tested this on all devices but should be ok.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
mrn
mrn
Accepted Answer Pending Moderation
0
Votes
Undo
Almost perfect. It's now in the correct position (see http://www.gosfordpc.com.au) but when u go to scroll the menu it will instead scroll the website behind the menu and the menu cannot be navigated
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Unfortunately we are having an issue replicating this problem. Are you finding this problem on a particular device? Admittedly such customizations can have some negative effects on some devices due to lack of proper testing.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


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