Sections with the same ID

Support
#1

I have a section built for XL and LG breakpoints.
Another version of the section built for MD-XS breakpoints.

I"ve assigned the same ID to both of these sections to control smooth scrolling to those section via my main menu.

I’ve noticed that when I have duplicate IDs on sections, the smooth scrolling stops working. As though it doesn’t know which section to scroll to when one section is essentially display: none on certain breakpoints.

As soon as I remove the duplicate, it works fine.

Is this a known issue with using the same ID on two sections and having smooth scrolling work?

#2

Hey @wbgTHEMECO,

In HTML development, you really can’t assign the same ID for multiple elements at it must be unique.

The correct setup is to assign the ID to one section and that section will contain the various rows for different screen sizes like the screenshot below.

Hope that helps.

#3

Okay, that makes sense.

Is there a way to turn off a background image at certain breakpoints?

#4

Hey @wbgTHEMECO,

There is no option for that but you can assign a different background image to each of the rows.

Hope this helps.

#5

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