dawn theme changing language changes image with text section

Technical Q&A

Topic summary

A user is experiencing two CSS-related issues with their Shopify Dawn theme on easyplate.eu:

Primary Issue (Unresolved):

  • When switching from English (EN) to Estonian (ET) language, an “image with text” section displays at different sizes
  • The ET version appears smaller than the EN version (comparison screenshot provided)
  • User wants to fix this specific section without adjusting global theme width settings that would affect other sections

Secondary Issue (Resolved):

  • User needed their custom video section to display full-width on mobile devices only
  • Solution provided: Add CSS media query targeting the specific section ID to base.css/theme.css/style.css/main.css/custom.css
  • Code sets video width to 100% on screens ≤768px using !important flag
  • User confirmed this solution worked

Status: The video width issue is solved, but the language-dependent image sizing problem remains open and awaiting assistance.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

hi all,

can someone help with code?

  • when I change language from EN to ET then image with text section changes, see the comparison. I don’t want to change theme settings width because it changes other sections as well. Only this specific section has problem.

ET language image needs to be same size as EN language image

112.jpg
112.jpg800×600 59.7 KB

-is it possible to change my custom video section mobile view to full width, only on mobile view.

EASYPLATE - Magnetic License Plate Holder for cars and motorcycles – Easyplate.jpeg
EASYPLATE - Magnetic License Plate Holder for cars and motorcycles – Easyplate.jpeg1179×2556 264 KB

easyplate.eu

password: lauri

thanks in advance :slightly_smiling_face:

2

Hi @mozilla ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media (max-width: 768px){
section#shopify-section-template--23055732310345__custom_liquid_c8KmGN video {
    width: 100% !important;
}
}

CodingFifty_0-1737879460471.png
CodingFifty_0-1737879460471.png425×362 132 KB

3

thank you :folded_hands: worked perfectly

can you help with the first problem as well? :innocent: