Navigation
Archive / One Page Navigation Mobile Issue
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 23, 2017 at 11:35 am #1383154
    WiredNomads
    Participant

    Hello 🙂

    I’m struggling to get one page navigation to work on mobile as well. I’ve got it set up where there are duplicate sections for everything on the main page. So let’s say there are 30 sections. 15 for mobile, 15 for desktop. They only show up based on resolution so there are never any duplicates. So if you want the page to go down to Australia I’m using “#x-section-4” But on mobile Australia would be section 5 because section 4 is hidden at that res. Am I implementing OPN correctly? Is there a way to make each section responsive without duplicating and reformatting?

    http://www.wirednomads.com

    Thanks so much!

    Jordan

    February 23, 2017 at 11:46 am #1383171
    WiredNomads
    Participant
    This reply has been marked as private.
    February 23, 2017 at 12:08 pm #1383214
    Nabeel A
    Moderator

    Hi Jordan,

    Thanks for writing in! Yes it’s possible to make a section responsive, which section you’re referring to? Can you please share some screenshots so we can take a closer look?

    Thanks!

    February 23, 2017 at 12:18 pm #1383229
    WiredNomads
    Participant

    I’m referring to the menu items Australia, Indonesia, New Zealand, United States and About. The menu item links are working correctly on desktop but the section ids are different when viewed on mobile. Hope this makes more sense.

    February 23, 2017 at 12:34 pm #1383249
    WiredNomads
    Participant

    Hi Nabeel,

    Just re-read what you were asking. Here is an example of how I have formatted a photo for desktop and then mobile.

    Thanks again!

    February 23, 2017 at 12:40 pm #1383261
    WiredNomads
    Participant

    Trying again on the photo upload.

    February 23, 2017 at 1:41 pm #1383339
    WiredNomads
    Participant

    Hey Nabeel,

    I realised the way I am designing the website is wrong as far as having duplicate sections for everything. Going to go back in and make everything responsive as it should be. You can disregard the questions I was having, found lots of information in the knowledge base and forum searches on making everything responsive.

    Thanks,

    Jordan

    February 23, 2017 at 3:22 pm #1383442
    Joao
    Moderator

    Glad to hear it and thanks for letting us know.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1383154 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>