Jump to content

Navigation Menu Lost on Homepage

Recommended Posts

Hi there,

Long time reader, first time poster!

I've been receiving reports from some users that our navigation bar has disappeared from our website: https://www.rciscience.ca/

While it still appears correctly for me in Chrome and Firefox, I can see it's vanished for me when I'm in config and if I look it up in a browser I don't typically use (Safari), it's vanished.

This is a website I inherited when I took over managing the charity. I know it was developed by an external company in 2017, but they no longer exist and I'm at a bit of a loss as to how to rectify this particular issue. Hoping someone here has knowledge of what went wrong and how I can fix it so it doesn't happen again? 🤞

Sincerely, a mildly panicked charity manager,

Carrie

 

Link to comment
  • Replies 8
  • Views 839
  • Created
  • Last Reply

Top Posters In This Topic

Thanks! I think there's a problem when you start shrinking the width of the window? I don't know how to best phrase this, but the nav bar is disappearing at widths I'd expect to still be able to see it at eg. on an 11.5 inch screen. It didn't used to do this (really it would only reformat on mobile, maybe tablet) so I'm perplexed.

Link to comment
On 4/5/2023 at 7:44 PM, Boyceterous said:

Thanks! I think there's a problem when you start shrinking the width of the window? I don't know how to best phrase this, but the nav bar is disappearing at widths I'd expect to still be able to see it at eg. on an 11.5 inch screen. It didn't used to do this (really it would only reformat on mobile, maybe tablet) so I'm perplexed.

You mean this problem?

image.png.ab2c3ceceba815f1a466aa4669e8da9f.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 4/11/2023 at 3:41 PM, Boyceterous said:

Yes, exactly! Any ideas how I set a limit on when that happens? 🤔

It is default setting, require a lot of code to make nav appear again,how about change to mobile menu on this screen size?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
16 hours ago, Boyceterous said:

How would I do that?

And out of curiousity, how much code is a lot of code?

Thanks!

Depends on one's point of view. If using code to force nav appear, I think need at least 20 lines of code.

Add to Design > Custom CSS

@media screen and (max-width:1100px) and (min-width:900px) {
div#logoWrapper {
    padding: 0 !important;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
div#preFooterBlocks {
    visibility: hidden;
}
}

this code will run from screen sizes 900px to 1100px. You can adjust these numbers to what you feel okay

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.