Why isn't my mobile navigation button appearing?

Hello can anyone assist me as you can see from the image above on the PC browser you can see the button.

But on the Mobile Browser the button isn’t there. How do i go about it to make the button appear on the mobile browser as well?

kindly assist.
Thank you so much

1 Like

@Kakapo can you please share your website link?

@suyash1

www.okiara.com

@Kakapo - the issue is that, on mobile your desktop navigation is hidden and this button is part of your desktop navigation, if we try to show it then desktop navigation will be visible on mobile making it look really bad

@suyash1

are you able to change the size of button on mobile and show it on mobile?

@Kakapo - it is not about size, button is part of navigation, looks like that it was custom coded

@suyash1

i only added this code at site-nav.liquid file


  

are you able to help me fix the button for mobile?

@Kakapo - you added to desktop navigation, add code to mobile navigation as well and it will work

@suyash1

I dont know where should i paste the code to. can you show me? sorry i am new in this.

@Kakapo - can not show without seeing theme code, but the way you added code in navigation, please search mobile navigation which can be named like drawer, mobile menu etc and paste code in it.

@suyash1

{% unless linklists[section.settings.main_linklist] == blank %}
            
          {% endunless %}
        

      
    

    
  

  {% if section.settings.align_logo == 'center' %}
  
  {% endif %}

where should i paste the code?

@Kakapo - replace entire code with following code and check

{% unless linklists[section.settings.main_linklist] == blank %}
            
          {% endunless %}
        

      
    

    
  

  {% if section.settings.align_logo == 'center' %}
  
  {% endif %}

@suyash1

yes the code works! But can i have the button on the main page instead of the dropdown menu?

where the red box is? thank you!