Streaming live at 10am (PST)

Scroll to section on page issue


#1

Hello all,

I have almost completed my first website on Webflow, but I have 1 last challenge.

I have set the menu tabs to scroll to specific sections on the page. I also have a background video on the desktop and tablet view, but as you know, only a GIF or background image will work for the mobile views. I have opted to go for an image, but now the tab that is supposed to scroll to this section is split between either the background video or the background image...Please note my site only has 1 page.

When you open the shared link, open the desktop view, scroll down a bit and then click the "HOME" tab. It will scroll back to the top. Now when you're in the mobile view, it goes nowhere because this video is hidden. I changed the section I wanted and this worked, but now the opposite has happened in the desktop view...

https://preview.webflow.com/preview/happy-media-2017?preview=8f09a7963e7d2bf8c1417fb5f1415b87


Here is my public share link: LINK
(how to access public share link)


#2

Hi Brent,

You could just insert a new section/div element and move the Background Video and Background Header elements into it.

Then give that new section/div an ID of header-section, then change the Home link to that ID.

This will allow the scroll to that section to work in both desktop/mobile view.


#3

Hello @Phoxic

Thanks for your response! So do I do this whilst in the desktop view or the mobile view? As I mentioned, its my first time on here, is it possible to get a quick video of how you complete the suggested change?


#4

You can do it in either view. I'm away from my work PC so am unable to provide a video unfortunately.


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.