Funnels & Websites: Separate Image Dimensions Settings for Mobile & Desktop View

Funnels & Websites: Separate Image Dimensions Settings for Mobile & Desktop View

November 02, 20242 min read

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

  1. Open your desired Funnel or Website project in the Gold Star Pro builder.

  2. Navigate to the image you’d like to edit.

  3. Switch to Mobile View by selecting the mobile layout option in the editor.

Step 2: Adjusting Image Height and Width for Mobile

  1. Select the image in mobile view. This will open up the image settings panel.

  2. Locate the Height and Width fields within the settings.

  3. 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

  4. 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

  1. Use the mobile and desktop view toggle to switch between device layouts.

  2. 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!

Back to Blog