---
title: "How-to: Eliminate Extra White Space on the Right in Mobile Trip Page View"
description: If you are seeing a blank space on the right margin when viewing your Trip Page on a phone, it could be a content issue.
---

[Skip to content](https://support.youli.io/how-to-eliminate-extra-white-space-on-the-right-in-mobile-trip-page-view#main-content)

[Open Ticket](https://support.youli.io/kb-tickets/new?hsLang=en) [Customer portal](https://support.youli.io/feature-request-tickets-view?hsLang=en)

[![YouLi Support](https://support.youli.io/hs-fs/hubfs/Logo%20White.png?width=100&height=75&name=Logo%20White.png)](https://support.youli.io/?hsLang=en)

- [Pricing](https://go.youli.io/pricing)
- [Book Demo](https://go.youli.io/youli-demo-videos)
- [Blog](https://blog.youli.io/)

Open main navigation

Close main navigation

- [Pricing](https://go.youli.io/pricing)
- [Book Demo](https://go.youli.io/youli-demo-videos)
- [Blog](https://blog.youli.io/)
- [Open Ticket](https://support.youli.io/kb-tickets/new)
- [Customer portal](https://support.youli.io/feature-request-tickets-view)
- [Open Ticket](https://support.youli.io/kb-tickets/new)

[Open Ticket](https://support.youli.io/kb-tickets/new?hsLang=en)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://support.youli.io/?hsLang=en)
2. [How-To](https://support.youli.io/how-to?hsLang=en)
3. [Mobile App](https://support.youli.io/how-to?hsLang=en#mobile-app)

# How-to: Eliminate Extra White Space on the Right in Mobile Trip Page View

## If you are seeing a blank space on the right margin when viewing your Trip Page on a phone, it could be a content issue.

When accessing your Trip Page on a mobile browser or in the [YouLi App](https://support.youli.io/360001340576?hsLang=en), if there is a large blank space on the side of the page, it may be due to:

1. Fixed width settings for images on the Trip Summary
2. or a non-breaking space with a hardcoded width in the HTML that you can't easily see

### ![e7e9e198-1ea7-4279-be42-acd332794aac](https://support.youli.io/hs-fs/hubfs/e7e9e198-1ea7-4279-be42-acd332794aac.png?width=226&height=300&name=e7e9e198-1ea7-4279-be42-acd332794aac.png)

### Check the Trip Summary image settings

To locate the content that is causing the problem, first check if you have any images under **Update Trip -\> Overview** -\> **Trip Summary **

If you do, check whether they have hardcoded width set and switch to % so it works on Desktop and Mobile.

1. Go to the trip, then **Update Trip -\> Overview***![Screenshot 2024-03-04 at 11.35.03 am](https://support.youli.io/hs-fs/hubfs/Screenshot%202024-03-04%20at%2011.35.03%20am.png?width=688&height=150&name=Screenshot%202024-03-04%20at%2011.35.03%20am.png)*
2. If you have the images under the **TRIP SUMMARY**, click the image icon after selecting the image to open the popup![Screenshot 2024-03-04 at 12.55.22 pm](https://support.youli.io/hs-fs/hubfs/Screenshot%202024-03-04%20at%2012.55.22%20pm.png?width=688&height=154&name=Screenshot%202024-03-04%20at%2012.55.22%20pm.png)
3. Check if your image width is set to a fixed number, in this case 600:  
   ![Screenshot 2024-03-04 at 3.03.33 pm](https://support.youli.io/hs-fs/hubfs/Screenshot%202024-03-04%20at%203.03.33%20pm.png?width=688&height=206&name=Screenshot%202024-03-04%20at%203.03.33%20pm.png)
4. We recommend changing them to a percentage value so it works on Desktop and Mobile screens.  
   ![Screenshot 2024-03-04 at 3.03.25 pm](https://support.youli.io/hs-fs/hubfs/Screenshot%202024-03-04%20at%203.03.25%20pm.png?width=688&height=206&name=Screenshot%202024-03-04%20at%203.03.25%20pm.png)
5. Save the change and check if the issue has been resolved.

Check for hardcoded elements in the HTML

1. When large blank spaces appear on the page, you can first use the browser **Inspect tool** to identify the problematic content. 
     1. Example:
     2. ![Screenshot 2024-03-04 at 1.07.42 pm](https://support.youli.io/hs-fs/hubfs/Screenshot%202024-03-04%20at%201.07.42%20pm.png?width=688&height=210&name=Screenshot%202024-03-04%20at%201.07.42%20pm.png)
     3. If you aren't sure what this means, continue with this checklist and do your best to remove the extra spaces.
2. Edit the content with the extra spaces
3. Look for any **big spaces**, especially those that might contain non-breaking spaces ` `
4. Look for things that impact the page layout, like `style = "margin-left:400px"`. You can troubleshoot by **deleting** or **modifying** these values.
5. Save the changes and refresh the page to verify if the issue has been resolved.

![Screenshot 2024-03-04 at 1.12.46 pm](https://support.youli.io/hs-fs/hubfs/Screenshot%202024-03-04%20at%201.12.46%20pm.png?width=294&height=300&name=Screenshot%202024-03-04%20at%201.12.46%20pm.png)

**CAUTION: **Be aware that pasting content from document editors like Word often adds these special characters you cannot see. We recommend cleaning up the content in a plain text editor before pasting it into YouLi.

**Still Having Trouble?**

If you're still unable to resolve the issue after following the steps above, please [open a support ticket](https://support.youli.io/4410822548623-how-to-get-help-from-youli-support?hsLang=en) to contact us.

When submitting the ticket, please clearly describe on which **menu sub-tab** of the Trip Page the issue occurs, so we can quickly help you resolve the problem.

 

- [Get Started](https://support.youli.io/get-started?hsLang=en#main-content)

    - [Checklists](https://support.youli.io/get-started?hsLang=en#checklists)
    - [Setting up your account](https://support.youli.io/get-started?hsLang=en#setting-up-your-account)
    - [Setting up your Trip Page](https://support.youli.io/get-started?hsLang=en#setting-up-your-trip-page)
    - [Video Tutorials](https://support.youli.io/get-started?hsLang=en#video-tutorials)
    - [Trip Registration](https://support.youli.io/get-started?hsLang=en#trip-registration)
    - [Emails](https://support.youli.io/get-started?hsLang=en#emails)
    - [Packages & Installments](https://support.youli.io/get-started?hsLang=en#packages-installments)
    - [Payments](https://support.youli.io/get-started?hsLang=en#payments)
    - [Adding & Managing People](https://support.youli.io/get-started?hsLang=en#adding-managing-people)
    - [Starter Website](https://support.youli.io/get-started?hsLang=en#starter-website)
- [How-To](https://support.youli.io/how-to?hsLang=en#main-content)

    - [Technology Partners](https://support.youli.io/how-to?hsLang=en#technology-partners)
    - [API](https://support.youli.io/how-to?hsLang=en#api)
    - [Reports](https://support.youli.io/how-to?hsLang=en#reports)
    - [YouLi Plan Add-ons](https://support.youli.io/how-to?hsLang=en#youli-plan-add-ons)
    - [Affiliates](https://support.youli.io/how-to?hsLang=en#affiliates)
    - [Payments](https://support.youli.io/how-to?hsLang=en#payments)
    - [Video Tutorials](https://support.youli.io/how-to?hsLang=en#video-tutorials)
    - [Website Integration](https://support.youli.io/how-to?hsLang=en#website-integration)
    - [Mobile App](https://support.youli.io/how-to?hsLang=en#mobile-app)
    - [White Label App](https://support.youli.io/how-to?hsLang=en#white-label-app)
    - [Account Roles](https://support.youli.io/how-to?hsLang=en#account-roles)
    - [Tasks](https://support.youli.io/how-to?hsLang=en#tasks)
    - [Packages](https://support.youli.io/how-to?hsLang=en#packages)
    - [Highlights, Itinerary & Optional Add-ons](https://support.youli.io/how-to?hsLang=en#highlights-itinerary-optional-add-ons)
    - [Invitation Groups](https://support.youli.io/how-to?hsLang=en#invitation-groups)
    - [Coupons](https://support.youli.io/how-to?hsLang=en#coupons)
    - [Trip Page Menu](https://support.youli.io/how-to?hsLang=en#trip-page-menu)
    - [Integrating Cruise Deck Plans](https://support.youli.io/how-to?hsLang=en#integrating-cruise-deck-plans)
    - [Managing Trip Dashboard](https://support.youli.io/how-to?hsLang=en#managing-trip-dashboard)
    - [Emails](https://support.youli.io/how-to?hsLang=en#emails)
    - [Bookings](https://support.youli.io/how-to?hsLang=en#bookings)
    - [Managing People](https://support.youli.io/how-to?hsLang=en#managing-people)
    - [Registration](https://support.youli.io/how-to?hsLang=en#registration)
    - [PDF Confirmation](https://support.youli.io/how-to?hsLang=en#pdf-confirmation)
    - [Documents](https://support.youli.io/how-to?hsLang=en#documents)
    - [Billing](https://support.youli.io/how-to?hsLang=en#billing)
- [New Features](https://support.youli.io/new-features?hsLang=en#main-content)

    - [Recent Releases](https://support.youli.io/new-features?hsLang=en#recent-releases)
    - [Past Releases](https://support.youli.io/new-features?hsLang=en#past-releases)
- [Enterprise Clients](https://support.youli.io/enterprise-clients?hsLang=en#main-content)

    - [Enterprise Onboarding](https://support.youli.io/enterprise-clients?hsLang=en#enterprise-onboarding)
    - [Enterprise-only Features](https://support.youli.io/enterprise-clients?hsLang=en#enterprise-only-features)
- [FAQ](https://support.youli.io/faq?hsLang=en#main-content)

    - [Data Security](https://support.youli.io/faq?hsLang=en#data-security)
    - [Payments](https://support.youli.io/faq?hsLang=en#payments)
    - [YouLi Account](https://support.youli.io/faq?hsLang=en#youli-account)
    - [Emails](https://support.youli.io/faq?hsLang=en#emails)
    - [Managing People](https://support.youli.io/faq?hsLang=en#managing-people)
    - [Packages](https://support.youli.io/faq?hsLang=en#packages)
    - [YouLi Subscription Plans](https://support.youli.io/faq?hsLang=en#youli-subscription-plans)
    - [Tasks](https://support.youli.io/faq?hsLang=en#tasks)
- [Reporting](https://support.youli.io/reporting?hsLang=en)
- [YouLi User Roles](https://support.youli.io/youli-user-roles?hsLang=en)
- [For Travelers](https://support.youli.io/for-travelers?hsLang=en)
- [Partners](https://support.youli.io/partners?hsLang=en)
- [Upcoming Features](https://support.youli.io/upcoming-features?hsLang=en)
- [Incidents](https://support.youli.io/incidents?hsLang=en)
- [Contact Us](https://support.youli.io/contact-us?hsLang=en)

[![YouLi Marketing Site](https://support.youli.io/hs-fs/hubfs/Logo%20Default.png?width=55&height=24&name=Logo%20Default.png "YouLi Marketing Site")](https://go.youli.io)

### Need more help? 

Reach out to the YouLi Support team via the **Chat** icon at the bottom-right corner of your screen:

![Screenshot 2026-07-22 at 12.27.38 PM](https://support.youli.io/hs-fs/hubfs/Screenshot%202026-07-22%20at%2012.27.38%20PM.png?width=268&height=111&name=Screenshot%202026-07-22%20at%2012.27.38%20PM.png)

or [submit a Support Ticket.](https://support.youli.io/kb-tickets/new?hsLang=en)

<https://www.facebook.com/youlivetotravel> <https://www.instagram.com/youlivetotravel> <https://www.youtube.com/youlivetotravel> <https://www.linkedin.com/company/youlivetotravel/>

Copyright © 2025, YouLi Travel Pty. Ltd