Hi there,
Is there anything I can do to make changes on navbar only for tablet/phone view without affecting desktop view?
I had like the Navbar to be displayed differently depending on the device (desktop, tablet and phone).
The navbar to looks good in desktop view, but navlinks are all disorganised in tablet/phone view. I had like all the navlinks to align in the centre and I also want to get rid of one of the navlink only for the tablet and phone - not for the desktop view.
I tried changing the alignment and everything using tablet mode but it affects desktop view when I make any changes on the tablet.
I did my research and someone mentioned about using “conditional visibility” but I can’t find the setting in Element Setting section (D).
Other person told me to "create all the navbar in the desktop version which will create the structure. Then, starting from desktop you adjust the CSS, the style, from the right panel. This can be different on different devices. Style the desktop navbar from desktop and you set the other as display none.
Then go on tablet, set the navbar you don’t need as display none, set the navbar you want as display block (or whatever you need) and style it. And so on for landscape and mobile.”
I don’t know what it means by "Style the desktop navbar from desktop and set the other as display none.”.
What would be the correct way to do it?
Thank you in advance!
Here is my site Read-Only: LINK
(how to share your site Read-Only link)