Front page section anchor not working in responsive menu

  • Resolved syzygist

    (@syzygist)


    4 years, 2 months ago

    I want a custom link on my navigation menu to the Testimonials section at the bottom of my Home page. There doesn’t seem to be any way built in to the front page sections to do this, so I added the <a id="testimonials"></a> tag to the end of my CTA section, immediately above Testimonials. This works perfectly on desktop, but on phone or tablet, if I access the responsive menu from the Home page, the menu link to the Testimonials section does nothing.

    It does update the URL to include the anchor, so I do jump to Testimonials if I close the mobile menu and refresh the page, but who would think to do this? If I access the responsive menu from any other page, the link also works fine, so I’m not sure what the problem is. I have tried it with and without the full page URL, doesn’t work either way. Suggestions?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @syzygist,

    1. I checked your site and noticed that there are two menu buttons displayed on mobile devices while you only have one menu on the desktop. Screenshot-https://prnt.sc/xpc1s7

    To remove the additional menu button, add below code in Additional CSS via Admin Dashboard > Appearance > Customize > Additional CSS.

    @media only screen and (max-width: 1024px){
#toggle-button {
    display: none;
}
}

    2. To reduce the space please add the below CSS code in Additional CSS. 

    .navigation-holder {
    padding: 0px;
}

@media only screen and (max-width: 1024px){
.site-content {
    padding: 0px 0;
}
}
    Thread Starter syzygist

    (@syzygist)

    That is not my website, and your answer has nothing to do with my question. You must have my question confused with somebody else’s.

    blossomthemessupport

    (@blossomthemessupport)

    Hi @syzygist,

    We are very sorry for the inconvenience.

    We will like to inform you that we have the one-page menu feature in the pro version of the theme which works even on mobile devices. In the premium theme, once you click on the menu, the menu is closed and the user is scrolled down to the section.

    In the free version of the theme, we noticed that you are trying to do the same thing by using an anchor. For each and every section on the homepage, we have their own individual section id. For the testimonial section, the id is #testimonial_section. Screenshot-https://prnt.sc/xr2ywd

    Please use the above id instead of the <a id="testimonials"></a>. Using his id, the menu will directly take you to the testimonial section.

    If you face any difficulty then please contact our support team via this link-https://blossomthemes.com/support-ticket/

    Thread Starter syzygist

    (@syzygist)

    I did not find anything about these section IDs in the documentation for the free version of the theme (which I believe is the only version we should be discussing in this forum). I suggest you add that.

    I replaced the anchor ID I had created with #testimonial_section, but it still doesn’t work on mobile. Is disabling anchors on the mobile menu of a theme with front page sections unless someone buys the theme an acceptable practice? I should hope not.

    blossomthemessupport

    (@blossomthemessupport)

    Hi @syzygist,

    Our support team has received your email and have reached out to you. We will be looking forward to your mail.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Front page section anchor not working in responsive menu’ is closed to new replies.