Anchor + Scroll problem when linked to anchor from flatbox

Comments

• Pablo

  July 2020

  Hello,

  In this case, you should insert the shortcode of the flatbox inside the column item with class 'scroll' applied.
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• mariooz

  July 2020 edited July 2020

  Ok, I tried this before but I added a second flatbox, now with shortcode like this:

  
  

  [flat_box icon="icon-lamp" background="" image="https://www.barnfindphotography.nl/wp-content/uploads/2020/04/rest6-home-box1.jpg" title="Food<br>Photography" link="#food" target="" animate="" class="scroll"]
  Here comes the content
  [/flat_box]

  
  

  As you can see at this page https://www.barnfindphotography.nl/#producten the second flatbox (Foodphotography)  is with shortcode, but still no smooth scroll.

  
  
• Pablo

  July 2020

  Okay, I do understand now.

  You cannot attach an ID into the flatbox or column item, but you can add an div container with id there.

  See the screenshot to understand:

  https://prnt.sc/trt4xk

  
  

  Also, remember to add "scroll" class into the link with href="#food"

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• mariooz

  August 2020

  I didn't mean to LINK TO the flatbox, I meant LINKING FROM the flatbox to the component with #food.

  So that the scroll effect would function from the mainmenu  entry "FOOD" as well as from the flatbox.

  But you triggered me with the div surrounding the flatbox shortcode. I just puit an href around the flatbox with class="scroll". That does work, in contrast to adding class="scroll" to the flatbox shortcode as far as I can see.

  
  
• Pablo

  August 2020

  Well, it was misunderstanding, sorry, but your question is resolved, right?

  If you have some other questions, feel free to ask

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next