> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Sådan tilpasser du din mobile kurvbredde

> Denne artikel beskriver, hvordan du tilpasser din mobile kurvbredde ved hjælp af CSS.

<div id="introduction">
  # **Introduktion**
</div>

Velkommen til denne vejledning i at tilpasse den mobile kurvbredde efter dine præferencer! Justering af den mobile kurvbredde kan i høj grad forbedre dine kunders shoppingoplevelse ved at sikre, at din kurv er nem at se og interagere med på mindre skærme. Denne tilpasning giver dig kontrol over layoutet, så det passer problemfrit til dit overordnede butiksdesign og holder tingene rene og organiserede.

Disse trin er designet til butiksejere eller udviklere med grundlæggende CSS-kendskab. Ved at justere den mobile kurvbredde kan du forbedre brugervenligheden og gøre checkout-processen mere smidig for dine kunder, hvilket potentielt kan øge konverteringer og kundetilfredshed.

Lad os komme i gang og få din mobile kurv til at se ud og fungere præcis, som du vil have det!

<div id="accessing-custom-css-settings">
  ## **Adgang til indstillinger for brugerdefineret CSS**
</div>

For at begynde at tilpasse CSS for din Upcart skal du følge disse trin:

1. Åbn **Upcart-appen** i dit dashboard.
2. Naviger til **Cart Editor**.
3. Åbn **Settings**, og vælg fanen **Custom CSS** (bag **More settings**, hvis fanerækken løber over).

<div id="applying-custom-css">
  ## **Anvendelse af brugerdefineret CSS**
</div>

Når du er i Custom CSS-sektionen, kan du ændre den mobile kurvbredde ved at følge trinene nedenfor. Ændr tallet fra 90% til et hvilket som helst tal, du ønsker — jo større tallet er, desto mere plads optager kurven på tværs af skærmen. (bemærk: dette gælder for både V1.0 og V2.0 af Upcart)

1. Find CSS-inputfeltet.
2. Kopiér og indsæt følgende kode i CSS-inputfeltet:

```
.upcart-cart {   
  --widthOfMobileCart: 90%;   
}   
  
/* MOBILE WIDTH STYLING*/   
@media only screen and (max-width: 600px) {              
  [class*="styles_CartPreview__right__"] {   
    right: calc(var(--widthOfMobileCart) * -1);   
  }   
  
  [class*="styles_CartPreview__right__"]  
  [class*="styles_active__"] {   
    right: var(--widthOfMobileCart);   
  }   
  
  [class*="styles_CartPreview__"] {  
    width: var(--widthOfMobileCart);   
  }  
  
  .upcart-backdrop,  
  [class*="styles_CartPreview__empty__"],   
  [class*="styles_CartPreview__card__"],   
  [class*="styles_CartPreview__upsells__"],      
  [class*="styles_CartPreview__bottomModules__"],  
  .upcart-cart-body {   
    width: 100% !important;   
  }  
}
```

<div id="conclusion">
  # **Konklusion**
</div>

Ved at følge denne vejledning har du med succes tilpasset den mobile kurvbredde, så den er mere brugervenlig og i tråd med din butiks design. Disse små ændringer kan have stor indflydelse på dine kunders shoppingoplevelse og gøre det nemmere for dem at browse og købe på mobile enheder.

<div id="still-need-help">
  ## Har du stadig brug for hjælp?
</div>

Hvis du har brug for hjælp til tilpasninger, anbefaler vi at rådføre dig med en Shopify Expert om at tilføje HTML, CSS og endda JavaScript til din cart drawer.

[Se Shopify Experts](https://www.shopify.com/partners/directory)