Hi there,
I’m trying to tailor our website content to the device used by our visitors. I’m attempting to utilize the Smart Rule feature to display specific sections depending on whether they are on mobile or desktop, but it doesn’t seem to be working. How can I achieve this?
Thanks!
LJ
Hi @LMiginiac ,
Are you trying to show different content/copy by device? Or are you trying to adjust the page layout by device?
If you’d like to show different content/copy based on which device someone is on, you can do that through Smart Rules/Smart Content, and can read more about that process here.
If you’re trying to adjust the actual layout of the page and hide/or show different modules on desktop vs mobile, you’ll want to do that by customizing the drag and drop content for mobile devices, and can learn more about how to do that here.
Hope this helps,
Whitney
it worked! Thank you so much!
I would like to hide content based on smart rules regardless of the device.
I have several rows of information. Each row represents a different smart rule. I want to hide all of the rows except for those rows that are triggered by the smart rules.
I tried doing it by removing all of the content from the module on the default view, but it seems to keep the padding for the row that I don’t want anyone to see which makes the layout look odd.
I was trying to pinpoint and adjust the CSS for that particular page, but it throws other sections of the page off when I do it since it is using the same class name.