How to Use Advanced Image Settings in GoHighLevel
If you manage multiple tools like ClickUp and GoHighLevel, optimizing images for both desktop and mobile views is essential for fast, high-converting funnels and websites. This step-by-step guide shows you exactly how to use the advanced image settings so your designs look clean and professional on every device.
The instructions below are based on the official documentation and walk you through controlling visibility, sizing, and layout for images across different screen types.
Why Advanced Image Settings Matter in GoHighLevel
Modern visitors switch constantly between phones, tablets, and desktops. GoHighLevel includes advanced image controls that let you:
- Show different images on mobile and desktop for better user experience.
- Hide large or complex images on small screens to improve loading speed.
- Maintain consistent branding and layout across all device types.
- Prevent cropped or distorted images that hurt conversions.
By learning these options, you can fine-tune every image in your GoHighLevel funnels, websites, and pages without custom code.
Accessing the Image Element in GoHighLevel
Before you can use the advanced settings, you need to add or select an existing image element in the page builder.
Step 1: Open the GoHighLevel Page Builder
- Log in to your GoHighLevel account.
- Navigate to the funnel or website you want to edit.
- Click the Edit or Edit Page option to open the visual builder.
Once the builder is open, you can work with any image already on the page or insert a new one.
Step 2: Add or Select an Image
- In the left-side elements panel, locate the Image element.
- Drag and drop the Image element into the desired section or column.
- Click the image to open its Settings panel on the right side.
This is where all the GoHighLevel advanced image options are controlled.
Using GoHighLevel Advanced Image Settings for Desktop
The desktop view is typically your base layout. GoHighLevel lets you configure how your image behaves on larger screens before you adjust settings for mobile.
Configure Desktop Image Size and Position
With the image selected, use the sidebar settings to adjust:
- Width and height: Set a specific pixel size or allow the image to scale automatically within its column.
- Alignment: Align the image left, center, or right within its container.
- Padding and margin: Add spacing around the image so it doesn’t touch other elements.
These base settings will usually be inherited by the mobile view unless you explicitly override them, which GoHighLevel allows through responsive controls.
Control Image Visibility on Desktop
Sometimes you may want an image to appear only on phones or only on larger screens. GoHighLevel includes visibility toggles that help you control this behavior.
- In the image settings panel, locate the Display or Visibility section.
- Look for device icons (often representing desktop, tablet, and mobile).
- Ensure that the Desktop icon is enabled if you want the image visible on larger screens.
Turning off the desktop visibility will hide the image on laptops and desktops while allowing a mobile-specific image to appear instead.
GoHighLevel Mobile Image Settings and Overrides
Mobile visitors often need a simplified, faster layout. GoHighLevel advanced image settings let you override desktop behavior specifically for small screens.
Switch to Mobile View in the Builder
- At the top of the page builder, click the Mobile device icon.
- The canvas will resize to simulate a phone screen.
- Click the same image (or a separate mobile-only image) to open its settings.
Now you are editing the view that appears specifically on mobile devices.
Adjust Mobile Image Size and Spacing
Within mobile view, customize the image so it fits smaller screens comfortably:
- Reduce width if the image is too large or pushes content downward.
- Modify padding and margin for tighter spacing.
- Update alignment so the image looks balanced in a narrow column.
Many controls in GoHighLevel are responsive-aware, meaning you can change values in mobile view without affecting the desktop layout.
Show or Hide Images Only on Mobile in GoHighLevel
To create mobile-optimized experiences, you can pair images: one visible on desktop, another visible only on mobile.
- Duplicate your image element or add a second image that is more suitable for phones (for example, a vertical version).
- Select the image intended only for mobile.
- In the Visibility section, disable the Desktop icon and enable only the Mobile icon.
- For the desktop image, do the opposite: enable Desktop and disable Mobile.
This GoHighLevel technique ensures each device type shows the most appropriate image without extra code.
Best Practices for GoHighLevel Image Optimization
To get smooth performance and consistent design, apply these best practices when using advanced image settings.
Use Appropriate Image Dimensions
- Upload images sized close to their display size in GoHighLevel to avoid unnecessary scaling.
- Avoid extremely large files; compress images before upload when possible.
- Use horizontal images for desktop hero sections and vertical or square images for mobile-friendly cards.
Keep Layout Clean Across Devices
- Preview your page in both Desktop and Mobile modes before publishing.
- Ensure no important content is hidden behind overlapping images or tight margins.
- Use visibility settings to remove decorative images that make mobile scrolling feel long and cluttered.
Test Before and After Publishing
- Save your changes in the GoHighLevel builder.
- Open the page in a real desktop browser and on a physical phone.
- Confirm that the correct images appear on each device, with no cropping or distortion.
Testing outside the editor helps you catch layout issues that might be missed in the preview mode.
Where to Learn More About GoHighLevel Image Tools
If you want additional clarification or visuals that walk you through the same process, review the official article on advanced image settings for mobile and desktop view. It provides a concise reference directly from the platform team.
For broader strategy on how to combine GoHighLevel designs with funnels, SEO, and automation, you can also explore expert resources at Consultevo, which covers implementation and optimization for digital businesses.
Recap: Mastering Advanced Image Settings in GoHighLevel
Using advanced image settings in GoHighLevel allows you to create responsive pages that look tailored to each device. By selecting the image element, adjusting desktop layout first, then switching to mobile view to fine-tune size and visibility, you maintain control over how every visual appears.
Remember to:
- Use visibility toggles to show or hide images per device.
- Optimize image sizes and spacing to reduce load times.
- Preview on real devices to validate your GoHighLevel design.
With these steps, you can confidently manage advanced image behavior and deliver a polished experience across all screens.
Need Help With ClickUp?
If you want expert help building, automating, or scaling your GHL , work with ConsultEvo — trusted GoHighLevel Partners.
“`