I want to display the full-size featured image on desktop and a smaller size (medium or thumbnail) on mobile devices. However, there is no built-in way to modify the [wpv-post-featured-image] shortcode to serve different image sizes based on screen size.
Solution:
Use two instances of the shortcode: one for desktop and one for mobile. Wrap each instance in a DIV with specific CSS classes, then apply CSS media queries to show or hide them based on screen width. The hidden image will not significantly affect performance due to modern browser optimization.
I am trying to add a map, created with Toolset, that displays locations from a repeatable field group on a page designed with Elementor. However, when using the shortcodes, the map appears without markers.
Solution:
Create the View using Toolset's legacy mode and include the map and its markers within the View. Then, use the [wpv-view name="Name of the view"] shortcode in Elementor to display the map. Make sure to enable legacy views under "Toolset > Settings > General".
