Solved

How can I hide specific text in mobile view?

wtwaggoner
Excursionist
19 1 1

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": ""
}

Accepted Solution (1)
techDynasty
Shopify Partner
59 8 12

This is an 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;
}
}
> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
For more Shopify Solutions and custom codes feel free to contact me on techdynastybd@gmail.com"
| Shopify Design Changes | Custom Modifications In to Shopify Theme

View solution in original post

Replies 4 (4)

NerdCurator
Shopify Partner
392 72 107

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

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
wtwaggoner
Excursionist
19 1 1

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/

 

wtwaggoner_0-1663260079482.png

 

techDynasty
Shopify Partner
59 8 12

This is an 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;
}
}
> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
For more Shopify Solutions and custom codes feel free to contact me on techdynastybd@gmail.com"
| Shopify Design Changes | Custom Modifications In to Shopify Theme
wtwaggoner
Excursionist
19 1 1

You are amazing! Thank you so much!