Jump to content

How can I set up different links of header navigation bar between desktop and mobile version

Recommended Posts

Hello

My website works well when in desktop mode. I added a lot of code and used iframe to add a side navigation bar to show my products. But It looks very ugly on mobile mode because it can not handle the pages with iframe, as shown in the photos attached. So I am just wondering if I can set up two set of links on the header navigation bar, under which I can use other pages without iframe to show our products under mobile mode. Thanks!

productUnderDesktopMode.jpg

productUnderMobileMode.jpg

Link to comment
  • Replies 5
  • Views 317
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 2/14/2023 at 10:38 PM, RonnieZhao2013 said:

Good Morning

Thank you so much. Link is as following. By the way, how can I add a side drop down nav menu on mobile mode. 

https://mlpackaging.squarespace.com/

It looks fine to me..

image.png.93a9ddca45fd7fc04a06a6d5271f7b24.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Hi Tuanphan

Thanks for your reply. The homepage looks good. But It is very ugly for those product page ,such as bags and boxes pag, just because I added some code in it to rebuild a side nav bar. I also added an iframe in the pages , which makes the page looks under mobile mode as a mess.

And the search bar on the top does not work well. It will show the result of "sgab", if you type in "bags". And the three short lines after it is too short.

I can pay for that if you can help me to fix it. It is killing me. Thanks again !

Link to comment
On 2/17/2023 at 10:21 AM, RonnieZhao2013 said:

Hi Tuanphan

Thanks for your reply. The homepage looks good. But It is very ugly for those product page ,such as bags and boxes pag, just because I added some code in it to rebuild a side nav bar. I also added an iframe in the pages , which makes the page looks under mobile mode as a mess.

And the search bar on the top does not work well. It will show the result of "sgab", if you type in "bags". And the three short lines after it is too short.

I can pay for that if you can help me to fix it. It is killing me. Thanks again !

Yes. Looks ugly. What should it look like?

https://mlpackaging.squarespace.com/boxesiframe

image.thumb.png.556f2b5e0d6a7d55b44ef884753e1ef8.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.