I have just come across a problem with my old Classic website that I have now recreated in Elements, Once I had published this (about 3 days ago) I could view it using Safari on my iPadAir (M2) and it displayed the full desktop version. However, yesterday, for no apparent reason, the horizontal menu/navigation bar is now empty part from the hamburger SVG ion on the right side - what made it change, and how can I get it back again? As usual, any pointers would be great for this old and decrepit Nubee.
Hi Paul, thank you for responding. I know the size icons you refer toā¦I have changed no settings, I have just designed it at the biggest size and clicked on those icons to see what it looks like on a smaller screen size. Ultimately, as long as it looks reasonable on a tablet I am not worried about its look on a phone. We donāt sell anything as we are a church. But, my question is, I must have inadvertently changed something yesterday, as it is now displaying differently on my iPad and phone. I originally modified the Sticky menu in the templates, and then resaved as my own Global in my own folder within templates area/menu. This Global appears on 95% of my pages which are over 40(!) in number. What I really want, I suppose, is two breakpointsā¦one for a phone and then one for everything elseā¦is that possible? Can I make the site be portrayed in landscape onlyā¦?
No problem on the four icons from phone - desktop as per picture start with phone icon, if its ok then go to next size and on the sizing click the little circle next to it and change the size for that size and then just repeat or leave alone for those larger sizes. I am not at computer so canāt send an image but Iāll ask @elementsbot to try to describe it better for you. Good Luck!
1 Like
Hey Mike (and Paul)!
It sounds like your siteās menu is playing hide and seek with you, especially at different breakpoints. Not to worry, we can sort this out!
Hereās a quick rundown to adjust your breakpoints:
-
Select the Navbar Component: Locate the Navbar component in your project.
-
Breakpoint Icons: At the top of your Elements interface, youāll see icons representing different screen sizes (from phone to desktop).
-
Adjust for Each Breakpoint:
- Click on the phone icon and adjust the menu settings (like visibility or layout). If itās showing as a hamburger, that might be what you want for smaller screens.
- Move to the next icon (tablet) and adjust if needed. If you want a full navigation bar, ensure itās set as such.
- Continue this process for the larger breakpoints.
-
Blue Dots: As Paul mentioned, clicking on the grey dots beside controls to turn them blue customizes settings for that specific size and those larger. This helps lock in changes specifically for, say, tablets.
-
Global Template: Since youāve used a Global Template, any change you make will affect all pages using it ā handy for consistent updates!
-
Orientation Settings: While Elements doesnāt specifically lock orientation to landscape only, designing with a mobile-first approach ensures good adaptability across devices.
If your website stubbornly stays at hamburger menu form after these tweaks, it might be a caching issue. Clear your iPadās cache or try a different browser as a sanity check.
Let us know how it goes, and remember, sometimes websites just need a little persuasion to behave!
2 Likes
Thanks Paul, Iāve had a quick look, but will have a proper try tomorrow, as I am getting on a bus to see a tribute bandā¦ABBAmaniaā¦seen them before, they are very good.
Thanks Elements Bot - Iāll have a try tomorrowā¦
Sounds like Mikeās going to have a groovy night out with ABBAmania 
!
To recap, adjusting the breakpoints should help sort out that sneaky menu. But remember, if that hamburger menu insists on chilling like a teenager at a family reunion, clearing cache on your iPad might nudge it back to civilized behavior 
.
When Mike dives back into fixing the menu after belting out some āMamma Mia,ā feel free to reach out again if things still seem amiss. Enjoy the tunes, Mike! 
1 Like
Does your mother know you out? Should have took a chance on me not bot! However knowing me, knowing you hopes you have a great evening but watch out for the teachers!
1 Like
Hi Paul, Iāve got rid of the Hamburger menu on my iPadAir, and Iāve put a message right at the top of my site saying it will look best on a desktop/Laptops etc and asking mobile phone users to display it in landscape. You can choose in Chrome, to see the desktop version. However, a new problem has now emerged (not on desktop view) the full menu is now truncated, there are 13 headings on my site, only 9 are now viewable and the other 4 cannot be dragged into view? I donāt seem to have any dots that can be turned blue, just link icons? I can only find 5 options under size, which appears in two places (under content layout, and then the Sizing option under the Layout heading, both have 5 options for width: Auto, Full, Screen, Breakpoint & Theme Spacing. I have set them at every breakpoint to be Full, but I am getting the incomplete menu as mentioned aboveā¦so still not quite right, but it is getting betterā¦ Under Global Overrides, (top most item of the inspector), I have 5 toggle switches, all are set to off at each breakpoint/device. Not sure what to do next?
@Mike-Grant not sure if this what you are referring to
2 Likes
Hi Steve,
Thank you for answering, I donāt quite understand what you are showing me hereā¦I think I want the reverseā¦I only really want the hamburger on mobiles. I want the full one on all the other devices. I think I used the method you show to get rid of the hamburger on my Tabletā¦But I seem to have swapped one issue for another - only an incomplete, truncated menu is now being shown below desktop size. As my skill level is limited, I seem to be able to achieve just as much damage as opposed to remedies as I tinker with the myriad of options that I have no real idea what they do and am left with trial and error experimentationā¦tomorrowās another day, lol
The top setting is use only on mobile screens, not sure why you are setting any blue dots, the number of pages will only fit in the space available, reducing text size, you could just post the project with the pages and menu no need for content then others could take a look, your width settings may affect as well
1 Like
Thanks Steve, I think you mean to post up my project here, so you can see the settings that I may be (am) getting wrong. I have done this before, using some free software file-sharing thing, (I think Dan helped me with this) but, I have lost my account access to my old Forum stuff, and so I needed to recreate myself as a new user when I switched to Elements. I obviously am going through the learning process, but very slowly (and difficultly) due, mostly, as a result of āmental issuesā - comprehension & understanding due to the serious stroke I had, though a number of years ago now. Am I right in thinking you meant the reduced copy - maybe just the home page? Or a page with the menu and a couple of screen shots showing the issue on my iPad? My goal is to make the desktop version available for tablets & above and have to be content with the hamburger for smaller mobile devices. Thank you Steve, I am genuinely grateful for your time. (I think I got the blue dot thing and overrides from the Elementbot and watching videos, which I probably mis-understood).
Sharing Elements projects is built into Elements, you can save your project toElements cloud, copy the link and paste here
Yes just the single page but all the empty pages so we can see those pages in the menu
just need to share link in here.
hereās the example below, you can just download this
1 Like
Thanks Steve, here is the link to my project containing a Home page and then empty folders for the headings I have in my Sticky menu bar:
Mike Grantās skeleton file for forum (for fault-finding)
Here are a few screen shots that might also clarify the problem I am encountering:
error downloading, so something wrong with your file
1 Like
Hi Steve, sorry I havenāt replied, been sidetracked for a couple of days with family stuff. Not sure why my upload didnāt work, will try again tomorrow morning. If I canāt get it to work, I will have to upload my Classic site until I find a solution.
Though I can clearly see the improvement of Elements over Classic, if It is too difficult for me to fathom out. It might just be the time for me to bow out and drop it as an impossible task for me with my disabilities. I think a monthās solid work, everyday porting it and trying to get it to work is too much for someone retired and handicapped like myself. There is just too much to take in for someone with my needs. I have watched masses of videos, many over and over and step by step tooā¦it is just beyond my capabilities.
Thank you so much for your time, patience and efforts. Maybe I will try again in a few weeks or just find a way around the difficulties I am experiencing.
Cheers, Mike G
Hi Steve, Mike againā¦I Just uploaded the āskeletonā project to cloud, it seems to load back and produce a working link
elementsapp://downloadDocument/DZEYQAaNYS7j
I donāt know if this will work, I hope soā¦
Mike G