Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 8, 2017 at 6:36 pm #835989
    dennishjmiller

    Support,

    We use anchor to link to another page. The mobile version is fine and the anchors work great. Desktop however the anchors scroll way too far down past the content header where we have the anchor.

    Example of code block.

    Link on Home Page

    Home Page

    This is a specific product that is in the middle of the page. They all behave the same.

    Nutritional Information Matcha Green Tea

    Code Block

    This is what happens on desktop, scrolls too far
    Landing page for all the products.

    Nutritional Information Matcha Green Tea

    https://cl.ly/0T0R1x3l362D

    August 12, 2017 at 6:21 pm #837987
    Mike

    Hey dennishjmiller,
    Please try adding an offset to your anchors by first adding a class like this:

    <a class="anchor" name="chocolate"></a>

    Then add this code in the General Styling > Quick CSS field:

    .anchor {
  display: block!important; 
  height: 100px!important;
  margin-top: -100px!important;
  visibility: hidden;
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.