Hi,
I’m trying to create a responsive design but the “on-off” toggle for elements has no impact whatsover. So if, e.g. I want to use a mobile hamburger menu on mobile and display a full menu on desktop, the system just puts both the full menu and the mobile menu no matter what size the screen is so it looks super messy. Any ideas?
Thanks,
Kaitlin
Hi Kaitlin,
Please provide more details about your problems with screenshots and the link to your website.
Also, please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ and choose what mobile version you want.
Thank you!
Thanks Anamaria.
I am not trying to make a separate mobile site. The staging site is here: http://newmlp.raisingglobalhealth.org/.
We are trying to switch over from Visual Composure (which worked fine but seems increasingly less supported by the theme) to TagDiv, and it’s the latter I’m struggling with. In the old visual composer I could hide elements on different resolutions. TagDiv seems to have the same option (see screenshot here: https://snipboard.io/wsY6hJ.jpg). However the “on/off” toggle doesn’t actually do anything.
So, for example, if I add a mobile menu in responsive design like so: https://snipboard.io/0T2lmH.jpg [aside, the alignment options also look like they are broken?]
Then even if I tell it to be off for desktop, it still appears: https://snipboard.io/epnA9l.jpg.
It is also a problem in other spaces, for example if I’d like to display three posts in a row on the desktop site but only two on a tablet, I cannot do this. Whatever option I choose gets promulgated to all sizes š So it just seems like none of the responsive editing I was used to with VC works in TagDiv?
Any ideas why this is happening?
Thanks,
Kaitlin
Hello Kaitlin!
Actually, that on/off toggle is not for hiding elements. If you hover over that toggle, you can see more info about it: https://prnt.sc/u9J5LU04xkXn
If you want to hide an element, then there is an option in the CSS tab : https://prnt.sc/a694nQat_PFR
Or, if you want to hide that element only in the mobile viewport, then let it “show” in the desktop viewport and hide it only in the mobile viewport: https://prnt.sc/J0iRM2ezOMQ7
You should uncheck this option https://prnt.sc/ZR4OgO4jsV6S and align it to the left, center or right.
You can have three elements and choose to show them only in one viewport while hiding them in the others.Ā
Thank you!
Dear Bettina,
Yes!! All of that worked, that was super helpful. Thank you so much!!
Kaitlin
Hello Kaitlin!
Great. Iām glad that I could help you.
Have a wonderful day!
