Guest Posted March 29, 2021 Share Posted March 29, 2021 Hey I want this code to work on the desktop version of my website but not the mbile version as the code breakes the mbile version can anyone help .header-title-nav-wrapper { flex: 1 0 85% !important; flex-wrap: nowrap !important; } .header-nav { width: 100% !important; flex: 1 1 100% !important; } Link to comment
mullkv Posted March 30, 2021 Share Posted March 30, 2021 21 hours ago, Sausagemunk said: Try this. You'll need to find the section ID from the page. @media screen and (max-width:767px) { [data-section-id="XXXXXXXXXXXX"]{ display: none; } } Quote Link to comment
tuanphan Posted March 31, 2021 Share Posted March 31, 2021 On 3/29/2021 at 9:18 PM, Sausagemunk said: Hey I want this code to work on the desktop version of my website but not the mbile version as the code breakes the mbile version can anyone help .header-title-nav-wrapper { flex: 1 0 85% !important; flex-wrap: nowrap !important; } .header-nav { width: 100% !important; flex: 1 1 100% !important; } Remove your code & try this code /* work on desktop only */ @media screen and (min-width:992px) { .header-title-nav-wrapper { flex: 1 0 85% !important; flex-wrap: nowrap !important; } .header-nav { width: 100% !important; flex: 1 1 100% !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.