Skip to content
Wixo

Custom CSS & JS

Redesign the app. Leave the website exactly as it is.

Custom CSS & JS gives you complete freedom to adapt your store for mobile screens: hide clutter, restructure layouts, and run app-specific JavaScript — all without changing a single line on your live website. Desktop visitors never see the difference.

One store, two experiences

The app and the website share a store. They don't have to share a design.

Most ecommerce sites are built for a desktop browser first: a header stacked with links, a footer full of legal text, banners announcing things a returning app user already knows. None of that is wrong on a website. All of it is dead weight in an app, where every extra tap and every inch of scroll works against you.

Custom CSS & JS is where you fix that, safely. Changes made here render only inside the app's own view of your store — your desktop site keeps its full, unedited structure for browser visitors, and nothing you do in this panel can break it. You get a second, purpose-built version of your storefront, tuned for a phone, without maintaining a separate project or asking a developer to touch your live site.

What the panel controls

Three moves turn a desktop site into a native-feeling app.

Every change here applies only inside the app's own view of your store, so your actual website never has to change.

01Remove what doesn't belong

Hide what a website needs and an app doesn't.

Hide the elements that make an app feel like a shrunk-down website instead of a real one: heavy multi-link headers, long legal footers, newsletter pop-ups, promotional banners, redundant menus. None of it disappears from your desktop site — it's simply switched off inside the app's view, element by element, from the same admin panel you use to run the rest of the app. What's left is a faster, cleaner screen with nothing competing for the tap you actually want.

02Design for the screen it's on

Don't just hide sections. Rearrange them for a phone.

Hiding clutter is only the first step. With this module, you can restructure the remaining elements to feature a completely different design, not just shrink down for a smaller screen. Rearrange product pages, purchase buttons, and categories into a logical flow for mobile using CSS settings. While your website keeps its desktop structure, the app gets a layout built specifically to guide shoppers straight to checkout.

03App-only JavaScript

Give the app behavior your website doesn't need.

Add JavaScript that runs only inside the app, separate from anything on your website. Use it to show or trigger modals, change content based on what a user does, toggle elements on and off, and wire in app-specific tracking or third-party integrations. It's also where custom CTAs and mobile-specific analytics pixels live — logic built for the app's environment, running independently of your website's scripts, so neither one has to compromise for the other.

See your store redesigned for mobile.

Request your free demo now and within 72 hours we'll prepare a working demo of your mobile app. Custom CSS & JS is ready to help you eliminate clutter and adapt layouts for mobile screens — completely free with no commitment.

Get my free preview

Set up in the same sitting

Custom CSS & JS is one of the modules you run from the same dashboard.

Mobile navigation

Content optimization works best paired with a native menu. Combine this module with Mobile Navigation to give shoppers fast access to key pages with convenient bottom buttons.
Mobile navigation

Styles & Design

For changes that don't need code at all — brand colors, app icon, and splash screen — start with Styles & Design, then use Custom CSS & JS for custom interface modifications.
Styles & Design

Pricing

Custom CSS & JS is included in every Wixo plan.
Pricing

Questions

What merchants ask about Custom CSS & JS.

Will this break my website?

Not at all. Every change — hiding elements, restructuring layouts, or running JavaScript — executes solely inside the mobile app view. Your online store keeps its full original structure, code, and design for browser visitors.

Do I need technical skills to use this module?

Hiding elements or adjusting page layouts is done by writing CSS rules, so basic knowledge of web styling is required. If you don't have a developer on your team, our technical support team is always ready to assist you with writing and setting up the necessary code.

Can I use this to add tracking pixels or analytics?

Yes. The JavaScript layer is designed specifically for this — mobile tracking, third-party integrations, and analytics pixels that run only in the app, without slowing down your main website.

Does this create a second version of my store I have to maintain?

No. Your store remains a single, unified site. Custom CSS & JS only changes how existing content renders inside the app, with no need to maintain or sync two separate codebases or platforms.