I have certain content that works and shows up on Desktop, but doesnt work on mobile devices. I want to hide the content when viewed on mobile and show something else instead. Is there a good way to do this? Everything i read requires adding/modifying the CSS/HTML but i wouldn't know the first place to start/find this.
Example: I have Hoverable Dropdown content (mouseover targeted content to reveal a drop down image) which works perfectly on Desktop. However, Hover does not work on mobile devices, so I don't want that to show up on Mobile. I would like to show mobile specific content instead.
Example: I have a youtube video embeded in the header of my Sub-Category page that plays and fits perfectly on deskotp, but i don't know how to make it responsive to resize for mobile. I would want to hide this video on mobile devices. Alternatively, where can i find the style sheet to add the responsive CSS in conjunction with the HTML for the embded video?( ...specific to said category..???:rolleyes:)
Note: I have no formal coding experience whatsoever. I can, however, copy, paste and alter existing code as needed :rolleyes:.
Example: I have Hoverable Dropdown content (mouseover targeted content to reveal a drop down image) which works perfectly on Desktop. However, Hover does not work on mobile devices, so I don't want that to show up on Mobile. I would like to show mobile specific content instead.
Example: I have a youtube video embeded in the header of my Sub-Category page that plays and fits perfectly on deskotp, but i don't know how to make it responsive to resize for mobile. I would want to hide this video on mobile devices. Alternatively, where can i find the style sheet to add the responsive CSS in conjunction with the HTML for the embded video?( ...specific to said category..???:rolleyes:)
Note: I have no formal coding experience whatsoever. I can, however, copy, paste and alter existing code as needed :rolleyes:.
Comment