Issue with Elemental/Cloneamental theme

Permalink
I've just recently installed CC5.7 and migrated my content from a CC5.6 site. I'm using the Cloneamental theme and other than some various colors, I had the site about like I want it for now. However, I happened to access the site from my iPad and had some unexpected results.

The first issue is that the sub-nav menus don't work on the iPad. I found this link that shows a potential fix but I can't seem to find the correct place within the file to place the modified code. I've tried a few various spots and can't seem to get it to work. I've attached the current mobile/navigation.less file as well.

https://www.concrete5.org/community/forums/5-7-discussion/elemental-...


The second issue is the image slider on the main page. It is cropped and doesn't change images.

I can probably live with the second issue for now, but I'd really like to get the nav working on the iPads. I'm building this site for a flying club and a lot of the members use iPads.

Thanks for any assistance!

1 Attachment

 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi cnd4ua,

I don't have an iPad, so I can't respond to the first question.

Regarding the second question, can you include more specific details, please.

What version of concrete5 are you using?
What is the address of your website?
Do you have any errors in your browser console?
cnd4ua replied on at Permalink Reply
I should have been more specific....the slider issue is also on the iPad/iPhone. It does work on a PC.

Anyway, if you would still like the answers to your questions, the are as follows...

I'm on version 5.7.5.6
51staerosquadron.org/51as (make sure you add the /51as to the end of the hostname)
the only errors i see in the console on a PC is something about a datepicker function. I just wanted to display a calendar inline until I can figure out some kind of event add-on to use. The calendar shows up but I may be trying to implement it incorrectly.

Thanks for the response!
cnd4ua replied on at Permalink Reply
MrKDilkington,

I found the problem with the second issue. It has something to do with the datepicker code I was using to display an inline calendar. When I remove it, the image slider works on the iPad (I had also found that even on a PC, the slider didn't work unless logged in). But, with the datepicker code out,it seems to work fine. I've included the code that I was trying to use below. I'm somewhat new to this stuff so forgive me if I'm trying to do it completely wrong. Any advice would be much appreciated!

This is what I had included in an HTML code block:

<script>
$(function() {
  $("#clubdatepicker").datepicker();
});
</script>
<div style="width:250px; margin-left:auto; margin-right:auto;" id="clubdatepicker"></div>



Thanks again for your time!
MrKDilkington replied on at Permalink Reply
MrKDilkington
@cnd4ua

To use .datepicker(), you need to load jQuery UI. This can be done in the theme page_theme.php registerAssets() method.
$this->requireAsset('javascript', 'jquery/ui');
cnd4ua replied on at Permalink Reply
That did it! Thanks so much for your help!