How can I hide specific text in mobile view?

[wtwaggoner]

How can I make the text below shown in red be hidden in mobile view?

},
"16630996606e44a33a-3": {
"type": "logo_image",
"disabled": true,
"settings": {
"icon_label": "star",
"title": "Icon with text",
"text": "<p>Describe the feature, service or product that this icon represents.<\/p>",
"button_label": "Learn more",
"link": ""
}
}
},
"block_order": [
"16630996606e44a33a-0",
"16630996606e44a33a-1",
"16630996606e44a33a-2",
"16630996606e44a33a-3"
],
"settings": {
"icons_per_row": 4,
"icon_size": "small",
"align_text": "left",
"button_style": "button--link-style",
"icon_color": "#569f37",
"text_color": "rgba(0,0,0,0)",
"background": "rgba(0,0,0,0)",
"gradient": "rgba(0,0,0,0)",
"gradient_rotation": 0,
"width": "standard",
"show_gutter": false,
"padding_top": 0,
"padding_bottom": 0,
"padding_left": 0,
"padding_right": 0,
"animation": "none",
"css_class": "",
"custom_css": ""
}

[NerdCurator]

@wtwaggoner  Please provide the URL of your store and if it is password protected please share the password too. Thanks

[wtwaggoner]

I put in some text under the Smooth Shipping. So I guess the question now is how can I make the 'Test' text be hidden on mobile?

https://craftcarve.com/

[techDynasty · Accepted solution]

@wtwaggoner 

To hide the that follow the steps:

>> From your Admin panel, click Online Store > Themes >Actions > Edit code
>> find and open the style.css file
>> Paste the code below at the very bottom of the file.

@media(max-width:768px){
.icon-column__text>p:nth-child(3){
    display:none;
}
}

[wtwaggoner]

You are amazing! Thank you so much!