Have a menu or strip appear at bottom of screen

Ask the community
,
1

Is there any way to get a menu or strip or anything to always initially appear at the bottom of the screen, before scrolling it away? For example almost exactly like this: https:// kathleneritch . com (Spaces added because it says my account can’t post links.

I made my site but then realized it had the menu bar placed specifically for 1920x1080 screens, so on any other computer with a different resolution or even a scale % in the windows settings does not see the menu properly until after they scroll down. On the example site above, it even works if you make your browser window not fullscreen and make it a small window.

Thanks so much for any help you can give me! I’ve done a bunch of research but haven’t been able to figure any way around this on wix. I tried looking into the wixWindow.getBoundingRect() and stuff like that but wasn’t able to figure out how to make it work in this specific case. I really appreciate any insight you can give!

2

Explain what you are trying to do, what works, and what doesn’t. Also, add any code in a code block as stated in the Forum Guidelines .

This forum is dedicated to Corvid. For questions that are not related to code you can contact Wix Customer Care . You’ll get better help for your problem there.

3

Well what I’ve gotten to work so far is a menu at the bottom that sticks to the top as I scroll down. To do that I’ve placed a strip at the bottom of the page that has the menu on it, and then placed an strip at the top (header) that is identical, but made it hidden on page load. Then I placed an invisible and empty strip near the bottom of the page to get the header strip to become visible as I scroll past it, by using the following code:

$w.onReady(function () {
 // TODO: write your page related code here...
    $w("#columnStrip13").onViewportLeave(() => {
        $w("#columnStrip12").show();
        $w("#StickyHeader").hide();
 
    })
    $w("#columnStrip13").onViewportEnter(() => {
        $w("#StickyHeader").show();
        $w("#columnStrip12").hide();
    })
});

This seems to work fine, except the menu strip at the bottom is placed in a specific place that appears differently on different computer screens. What I need is for it to always spawn at the bottom of the window no matter the size of that window, and for it to stay there until I start scrolling. Basically exactly like you see in the example website I linked. As far as I can tell I’m almost certain its not possible with regular wix features, but I was hoping it would be possible with Corvid. Any thoughts?

4

Hi, has someone figured this out ? I have a simple strip with some image that i would like to appear at the bottom of the screen, always at the bottom, regardless of the screen size. When scrolling it simply goes with the page. Doesnt have to snap, stop jump or anything.

Also i just noticed it a Wix Studio forum. im on standard wix.

5

Hi, Remigiusz_Zablotny !!

Have you tried using the “Pinning” feature? I haven’t confirmed if it works with strip elements, but it should definitely allow you to pin container elements, for example, to display them fixed at the bottom of the screen. :wink:

1 Like
6

Hi , thanks, that’s a good shout. ill try it. Although it seems like it will pin it down permanently. That’s not exactly what i need but i will see how it looks if it works. Might be quite cool.

Edit:
It works but it creates another problem - image isn’t stretched to the whole width of the screen, It cuts of on a smaller screen. It seems i cant attached a strip to a container. Which would stretch all the way.

And also Strip cant be pinned :smiley:

7

Hmm, I think you can “pin to screen” if it’s a footer… Oh, and also, using a custom element might allow you to display it at full width while keeping it pinned to the screen.

Also, if you’re creating that type of site, it might be easier to do with the Wix Studio Editor. :wink: