Funnels & Websites: Separate Image Dimensions Settings for Mobile & Desktop View
Creating a seamless, visually appealing user experience across devices is essential in today’s mobile-first world. Gold Star Pro’s new mobile view image editing feature offers advanced control over image dimensions, allowing you to tailor website and funnel visuals specifically for mobile layouts. Here’s a detailed guide on using this feature to optimize your designs.
Key Features of Mobile Image Editing
This update introduces powerful capabilities for adjusting image height, width, and units specifically for mobile views:
Height & Width Customization for Mobile Views: Fine-tune image dimensions specifically for mobile, enhancing how visuals appear on smaller screens.
Multi-Unit Support: Flexibility to set image sizes using various units—pixels (px), rem, em, or percentage (%)—to achieve consistency across different device sizes and platforms.
Step-by-Step Guide to Using Mobile Image Editing
Step 1: Accessing Image Settings for Mobile in Gold Star Pro
Open your desired Funnel or Website project in the Gold Star Pro builder.
Navigate to the image you’d like to edit.
Switch to Mobile View by selecting the mobile layout option in the editor.
Step 2: Adjusting Image Height and Width for Mobile
Select the image in mobile view. This will open up the image settings panel.
Locate the Height and Width fields within the settings.
Choose the unit type you wish to use:
px (pixels) for fixed dimensions
% (percentage) to scale the image relative to screen size
rem and em for responsive font-based sizing
Enter the values in the chosen unit type to set the desired height and width for your image on mobile.
Step 3: Toggle Between Mobile and Desktop Views
Use the mobile and desktop view toggle to switch between device layouts.
Ensure that each view (desktop vs. mobile) has its own custom image dimensions, providing a responsive, optimized experience across devices.
Benefits of Mobile Image Customization
With this new feature, your mobile images will load correctly and scale proportionally, ensuring your content looks professional on any screen size. Using multi-unit support, you can:
Maintain design consistency across all devices
Improve load times by adjusting images to appropriate sizes
Ensure visuals remain sharp and responsive for mobile users
Summary
Gold Star Pro’s mobile image editing tools provide greater flexibility and precision for responsive design. Whether using pixels, percentage, or relative sizing units, you can control how images appear on both mobile and desktop, enhancing your website and funnel’s overall visual appeal and user experience. Give these tools a try and watch your mobile design quality soar!