Hi, I have just uploaded a new version of our website (https://www.persoonlijkrome.nl). While reviewing the live version I noticed that the hamburger menu toggle icon does not display when you reduce the screensize to mobile. This happens in FF, Chrome and Safari (on iPhone). When I test the site locally (on my PC) everything works fine. As far as I know all files are uploaded.

Does anyone have any suggestions? Thanks!

I know that there was a problem in Ffx with a previous version (of Ffx, not any CC software), but it has been corrected since then. Maybe you need to check that you have the newest Ffx version. I don't know of any problems with the other browsers you mention. Anyway, the icons work fine on my machine.

Hi Inger, thank you for your response! I'm using FF69.0 which, as far as I know, is the latest version. Just to be sure I've also tested this on another machine, but with the same outcome. The icon works fine on your side?

Unless I have misunderstood...

Try clearing your browser cache.

Ah, that is the symbol for a missing file... Cache has already been cleared. What I'm looking for is this example from the local test. Since this happens on all my devices I'm starting to wonder if it has something to do with our webhost not supporting filetypes.

With IOS I have found sometimes I have to change the Export Folder Structure for the site to display correctly on IOS device. Under Settings / Export Folder Structure you can choose Flat or Modular. Have not found any information on what these mean, but sometimes browsers like one Folder Structures better than the other. They changed the options since I last had IOS issues, but if I have issues then I try the other.
This may no fix your issue but is something to keep in mind.

Jay

Johan, I see from your source code that your site must have originally been built with an earlier version of RSD. The use of rows and columns also reveal that, plus the fact that you are using Bootstrap 3. And you are using the CC content slider. You are now apparently using the most recent version of Site Designer.
We have seen this before, and it might be similar to what happened to someone else, must have been at the beginning of this year.
At some stage the 'package' of glyph icons were changed in some of the CC apps, but not in all. I think the Content slider still has the old system. Anyway, the old and the new packages get mixed up somehow, and therefore some wrong glyphs are being displayed.
I don't remember quite how this was solved. If we are lucky, it is as easy as just changing the glyph icon so that you get the one from the most recent SD version. If you are NOT lucky, you may have to remove the the Content slider and recreate the slide show with Carousel, and then change the glyph icon.

I hope that maybe someone, who remembers that case from earlier this year, may chime in here.

Hi again, I found the old thread about this problem. Try Twinstream's solution here: https://www.coffeecup.com/forums/site-d … post284474

I think the icons for the stylesheet Home-slider/css/slideshow.css are overiding the icons for the stylesheet css/foundation.min.css since the slideshow css comes after the foundation css.



The cloud is overiding the menu9 because of the same content ec73

I would edit the slideshow css and remove all the icons. (You may want to leave only the forward and backward for the slideshow but I dont see where you are using them.)

Thank you both! I will try editing the css. Yes Inger, you are right in that this an old site (built with RSD2.5) converted to Foundation. I had not expected to run into this type of conflict...