---
title: "Can I edit landing page styles for desktop and mobile separately?"
description: "You can adjust font sizes, spacing between elements, section paddings and more for desktop and mobile separately."
url: "https://landingrabbit.com/documentation/edit-styles-for-desktop-and-mobile"
lang: "en"
---

# Can I edit landing page styles for desktop and mobile separately?

Yes, you can.

In the page editor, click the 'Edit styles' icon at the top of the preview page.

![Screenshot of the LandingRabbit page editing tool and focus on the "Edit styles" button](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/bb51cf6b3658e96227a72fccdf5cea8797213310.jpg)

This opens a chat box where you can ask for any design changes, separately for desktop and mobile.

For example, you can say:

_"Change the hero title to 36px on desktop and 24px on mobile"._

![Screenshot of LandingRabbit's website builder interface, showcasing tyle editing options.](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/6a07a8a8471748c74bc671622dc4691c4a064651--960w.jpg)

LandingRabbit will apply those changes for you in a few seconds. When you preview the page in both desktop and mobile views, you'll see that each screen has a different font size after your changes.

## What can be styled separately for desktop and mobile?

You can adjust (at least):

*   Font sizes
*   Spacing between elements like titles and descriptions
*   Padding above and below each content section
*   Order of images in boxes and alternate layouts

All of these can be customized independently for desktop and mobile layouts.

## Where can I find more information about section-specific styles?

Learn more about [global and page-specific styles](https://landingrabbit.com/documentation/change-the-look-and-feel-of-landingrabbit-pages) and for section specific instructions, see:

*   [Hero](https://landingrabbit.com/documentation/edit-the-look-and-feel-of-the-hero-section)
    
*   [Boxes](https://landingrabbit.com/documentation/edit-boxes-section-look-and-feel)
    
*   [Alternate](https://landingrabbit.com/documentation/edit-the-look-and-feel-of-the-alternate-section)
    
*   [Tabs](https://landingrabbit.com/documentation/add-and-customize-tabs-section)
    
*   [Comparison](https://landingrabbit.com/documentation/how-to-create-before-and-after-element-for-landing-page)
    
*   [Steps](https://landingrabbit.com/documentation/edit-steps-section-look-and-feel)
    
*   [Pricing](https://landingrabbit.com/documentation/edit-pricing-section-look-and-feel)
    
*   [Testimonials](https://landingrabbit.com/documentation/edit-testimonial-section-look-and-feel)
    
*   [Feed](https://landingrabbit.com/documentation/add-blog-post-feed-to-landingrabbit-page)
    
*   [FAQ](https://landingrabbit.com/documentation/edit-faq-section-look-and-feel)
    
*   [Collection Page](https://landingrabbit.com/documentation/edit-collection-list-view-look-and-feel)

If you need any help with design or have feature suggestions, don’t hesitate to send us a message via [team@landingrabbit.com](mailto:team@landingrabbit.com)