Problem removing parts of header.

Topic summary

Main issue: Remove scroll bars on a header image and eliminate “+” icons over the photo.

What was tried:

  • Suggested adding CSS via Theme Settings > Custom CSS to hide overflow in the dropdown menu: .section-header .header .left .menu ul li ul.second { overflow: hidden !important; } with screenshot of the result.
  • Alternative code via Edit code (base.css/theme.css) to remove the plus icon and adjust overflow:
    • .section-header .header .left .menu ul li a.plus::after { content: none; }
    • .section-header .header .left .menu ul li ul.second { overflow: auto; }

Context provided:

Latest update/issues:

  • “+” icons persist on mobile.
  • Text overlay on photos is cut off on mobile (screenshots posted).

Status and next steps:

  • No confirmed resolution yet; desktop partially addressed by CSS suggestions.
  • Mobile-specific CSS still needed to hide “+” icons and fix text truncation on images.
  • Thread remains open pending mobile fixes or further guidance (e.g., mobile media queries and selector adjustments).
Summarized with AI on December 13. AI used: gpt-5.

Hello, im trying to remove the scroll bars on the photo and the + signs on the photo.

Any ideas?

Hey,

Can you please share the store URL? This could be fixed using CSS.

Thanks,
Shubham | Untechnickle

1 Like

Hi @AntonBjarki

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.section-header .header .left .menu ul li ul.second {
    overflow: hidden !important;
}

Here is the result: https://prnt.sc/0t3kgdEWMyne

I hope this helps

Best,

Daisy

1 Like

Hello @AntonBjarki

Go to online store ----> themes ----> actions ----> edit code ---->base.css/theme.css
add this code at the end of the file and save.

.section-header .header .left .menu ul li a.plus::after {
content: none;
}
.section-header .header .left .menu ul li ul.second {
overflow: auto;
}

result

24.png

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like

pass: passwordpassword

Hello! Thank you for the help i noticed the plus signs are still on mobile (See image) Also i have another problem. The text on my photos are cut off on mobile. Any ideas?