Viewing First time modifying my site in months and now I broke it!

First time modifying my site in months and now I broke it!



User: Christopher 8 years ago
Hello everyone. I've been away from this forum for a long time now. Good to see the usual suspects are still here and that EW is continuing to develop and progress.

So after months of not touching my website, I tried to add a couple pages and somehow broke/corrupted my mobile navigation: 'the Two-Level Dropdown' (code provided by Roddy), and my 'ClickNav' (also provided by Roddy).

Visit this on a phone: www.cleetche.com (or m.cleetche.com if that works on simulators..?). You'll see the ClickNav (3 red bars) on the home page working. But for some reason they don't work on any other page. For example, go to Movies/Tribe of Joseph.

Secondly, if you go to Movies, the Two-Level Dropdown should have categories, i.e. Feature Film/ Tribe of Joseph, Documentaries/ Beach Hawkers, etc. The directory headings don't show.

After making the change, I put the old code back, republished, and it's still broken. What happened? Did the motor rust out on me while I was gone?

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Christopher 8 years ago
Roddy, I triple-checked the code against this. Could it have something to do with jquery 1.9.1 ? I'm puzzled.

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Jumbo T. 8 years ago
Not could.

It has to do with the jQuery file missing.

When you add an EW widget that requires jQuery, the application adds it to the page.

When you do not use such widget, you have to add the jQuery file yourself when your custom code requires it.

In short, the pages where the menu does not work have no EW widgets, hence you have to add the jQuery file yourself.

Remember, EW is easy to use and doesn't require any kind of technical knowledge. Yep.
✔ Best Answer  
User: Roddy 8 years ago
Add this link to jQuery....

<script type="text/java script" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

... before the link to the clickDropNav.js

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: James G. 8 years ago
I just tried your mobile site on Android device and menus work fine wherever I tried them. On each page and multi-level.
User: Christopher 8 years ago
Yes, thank you! I think EW was automatically adding jQuery to every page back then so I wasn't adding it separately. But this indeed is the problem. Cheerio

-------------------------------
rMBP 15&quot;, 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27&quot; Thunderbolt Cinema Display

www.cleetche.com
User: Christopher 8 years ago
Roddy, I triple-checked the code against this. Could it have something to do with jquery 1.9.1 ? I'm puzzled.

-------------------------------
rMBP 15&quot;, 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27&quot; Thunderbolt Cinema Display

www.cleetche.com
User: Christopher 8 years ago
Jim, good to hear. Thanks for checking. I just amended the code and republished.

-------------------------------
rMBP 15&quot;, 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27&quot; Thunderbolt Cinema Display

www.cleetche.com
User: Christopher 8 years ago
I have a new 'problem'. My black right-pointing triangles are now being displayed on iOS phones as an emoji triangle. See this page. How do I get the black triangle to show instead of that blue shiny emoji? This is the code (note, I tried adding a font but still, it's not changing). I also tried just adding the symbol ' ▶' but still, it shows the emoji...

content:"25B6";
font: lucida grande;
color: #A3A3A3;

-------------------------------
rMBP 15&quot;, 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27&quot; Thunderbolt Cinema Display

www.cleetche.com
User: Jumbo T. 8 years ago
Carefully compare your content with this :

https://css-tricks.com/snippets/css/common-unicode-icons/
User: Christopher 8 years ago
I wish I knew what you were talking about. I've scrutinized best I can and I'm still no further ahead.

-------------------------------
rMBP 15&quot;, 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27&quot; Thunderbolt Cinema Display

www.cleetche.com
User: Jumbo T. 8 years ago
Add a backward slash before the number.

Last edit 8 years ago
User: Roddy 8 years ago
Mobile Safari does not play nice with symbols which work fine in desktop browsers.

A far better way to create items like the right arrow head and the hamburger icon is to use CSS pseudo elements.

I have published an Example with the styles modified for this approach. Make sure you see the note about adding a <span> to the HTML.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Jumbo T. 8 years ago
What a great place the Internet is :

http://www.google.com/search?q=css+triangle+generator

http://apps.eky.hk/css-triangle-generator/
User: Roddy 8 years ago
I suppose it is useful for those who don't know how to create basic shapes using CSS.

Where's the generator for creating the "hamburge" icon?

I've added an alternative method of creating the "hamburger which uses an unordered list to create the bars.

Last edit 8 years ago

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.