Customizing Your Funnel and Website for Mobile and Desktop Views in HighLevel
Key Takeaways
- One of the perks of HighLevel’s funnel builder is the ability to see and edit what the funnel looks like in desktop and mobile view.
- However, sometimes what looks best on one view does not look best on the other.
- The best solution to make sure that the funnel design looks good on both views, is to keep in mind that the simpler, the better and to switch to the mobile view editor after finishing up a section in the desktop view.
One of the perks of HighLevel’s funnel builder is the ability to see and edit what the funnel looks like in desktop and mobile view. However, sometimes what looks best on one view does not look best on the other. The best solution to make sure that the funnel design looks good on both views, is to keep in mind that the simpler, the better and to switch to the mobile view editor after finishing up a section in the desktop view.
The alignment of some columns and elements appear different in mobile than they do in desktop, since all the content in mobile stacks vertically. Items aligned left to right on desktop will appear top to bottom on mobile.
Ideally, it is not best practice to create Mobile Only or Desktop Only sections, rows, columns, or elements within HighLevel’s Funnel Builder (can hide certain content so that it only appears in one view). When it comes to editing, you will have to do double the work since the updates/revisions made on one view do not update on the other view (they are separate content now that it only appears in one view). However, in some scenarios, it is necessary to create Mobile or Desktop only sections to accomplish certain designs.
NOTE: Font sizes are the only elements that can have simultaneous settings (desktop font size and mobile font size).
Layout, spacing, and other structural changes require mobile-only and desktop-only sections. As such, the recommendation is to build out the desktop version first and then in mobile view, determine which sections don’t show up how you want them to. Once you’ve determined those sections, you can duplicate them, change one version to desktop only (see steps below) and the other to mobile only. You’ll then be able to edit the mobile only as needed.
To do have a section be desktop only or mobile only, follow these simple steps within HighLevel:
Step 1: Click the Edit icon on the funnel of your choice.
Step 2: Click the yellow “Edit Page” button.
Tired of Being the Admin, the Marketer, and the Closer?
You didn't start your business to spend hours building funnels, managing calendars, and chasing follow-ups inside HighLevel. What if someone else handled all of that for you?
Our HighLevel-trained virtual assistants know the platform inside and out — workflows, pipelines, social scheduling, reporting — so you can focus on closing deals and growing your business. Starting at only $164 per week.
Step 3: Click on the element you want to edit.
Step 4: Under the element’s Settings, tab over to “Advanced”.
Step 5: Under “Visibility”, click on the desktop and mobile icons until blue to turn them both on.
This is what it looks like when they are un-selected, or off:
Step 6: Then, in the top menu bar, you can click the same desktop and mobile icons to view the optimized pages.
Step 7: Be sure to save changes before exiting.
The Complete Operator's Playbook
Weekly strategies from top-performing agencies
Join 5,000+ operators who get weekly tutorials, templates, and strategies that are actually working right now.
Matt @ HLPT
Founder, HL Pro Tools
Matt and his team of 250+ are known for making it easy to win with GoHighLevel. They bundle tools, trainings and team time for a complete solution. You can use them for all your HighLevel needs from white label support to done-for-you fractional marketing services.
Related Articles
HighLevel Funnels 101: The Complete Guide to Building and Launching Your First Funnel
Learn how to build and launch funnels in HighLevel. This complete guide covers funnel templates, page editing, domain setup, form integratio
Matt @ HLPTCustomizing Funnel and Website Colors in HighLevel
Within HighLevel’s funnel or website builder, you can completely customize each step, including colors, fonts, and more. Follow these steps
Matt @ HLPTConverting Funnel Steps and Website Pages Within HighLevel
If you want to convert or import a funnel or website page into a new funnel or website you are building in HighLevel, you can do so using th
Matt @ HLPT