Hide/modify components on tablets/phone

This is available in RWC. You can hide or show different stacks depending on screen size. Is this available in Elements yet? If so I cannot see it. Thanks

blue dots at different screens sizes lets you hide and show all components

What do you mean stacks? You can hide or show different containers or items depending on screen size with the Display Hidden button under the Layout tab.

That’s great thank you but I want to hide an item on the ‘phone’ size page but the blue dot option is not available when selecting the ‘phone’ sized page.

I need to work on this some more to understand, I can hide a component on any size page with the blue dot dot not the phone sized page?

I have got it now thanks to you and @jybfield. All sorted.

just click hidden on the mobile screen , you dont need the blue dot, then on the next screen click the blue dot and set to show

That is because Elements uses a mobile-first design approach. What this means is you start from the mobile screen and set it the way you want things to be. Then, as you proceed through the other screen sizes, you make the changes pertinent to that screen size.

With this approach, you will never see BLUE DOTS on the mobile screen.

Steve @upssjw I am back with your post about blue dots. I am trying to do what I thought would be straightforward but its doing my head in!

I have 2 images. I want one to only show on mobile phones and the other to show on everything else, can I get this to happen with hidden on/off blue dots on/off no! I clearly do not understand how this is supposed to work, the manual is no help on this yet as far as I can find. I guess this is some some sort of and/or/xor type operation but I have tried! I hope you can help?

Sorted

I can possibly help. Put both images on the page in seperate containers in mobile mode, ie no blue dots visible. Click on the container you don’t want to see on mobile and click ‘Hidden’. Preview it and you will see that it has gone.

Now go to the screen size where you want to see the other image. For the one that you no longer want to see click on the blue dot (actually the override button seeing as some people may have a different colour set up to you) and then click ‘Hidden’. For the other container click on the overide button and unclick the ‘Hidden’ that you did in the first step. Now, when you swap between screens you will see the the image change from one to another.

The blue dot override button changes the selection from the screen size below the one you want for the screen size you are on and all that follow it, unless you use the button again. Easy once you get your head around it

Beaten to it again by the man who never sleeps.

I m watching a film with my wife, she is talking, I have the MacBook on my lap typing, who said men cant multi task

1 Like

My wife.

she keeps saying are you working with Elements again, it like being the Elements AI movie

Sorry to have caused so much stress in your lives! In my defence my wife despairs of me as well! Thank you, I get it now!

1 Like

:joy::joy::joy::joy::joy: no probs