Remove tracking from header on the mobile site only

Store Design
, , ,

Topic summary

A user needed to remove the tracking option from their mobile site header at tudoconexao.com, wanting to keep only search, account, and cart options visible.

Solution provided:

  • Add custom CSS code to the theme.css file (Actions > Edit code > Assets > theme.css)
  • The CSS targets the third header action item on mobile screens (max-width: 640px) and hides it using display: none

Outcome:

  • The solution worked successfully
  • Issue resolved
Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I have an issue with my website.

https://tudoconexao.com

I want to remove the tracking from header on the mobile site only. I want to leave only the search, account and cart options

Captura de tela 2024-03-05 142545.png
Captura de tela 2024-03-05 142545.png398×103 16.4 KB

2

Hi @Dawenn ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

@media screen and (max-width: 640px) {
.header__action-list .header__action-item:nth-child(3) {
    display: none;
}
}
1 Like
3

Worked perfectly! Thank you, you saved me :grin:

1 Like
4

Hi @Dawenn ,

If you have any further questions, you can contact me.

Happy to help you

1 Like