binkrabbitgoods Posted November 14, 2021 Share Posted November 14, 2021 Site URL: https://www.binkrabbitgoods.com/ Hi! Can someone please help me hide vertical dividers when in mobile view? I have VERY limited CSS knowledge... Can you help me understand if order matters when copy & pasting code? Code block: <div class="vertical"> </div> Thank you in advance! SquareRefresh 1 Link to comment
SquareRefresh Posted November 15, 2021 Share Posted November 15, 2021 Hey @binkrabbitgoods try to add this in Custom CSS: @media screen and (max-width: 767px) { .vertical { border-bottom: 1px solid #ff6d56; border-left: none; height: 1px; transform: translateX(-50%); width: 200px; } } SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
binkrabbitgoods Posted November 16, 2021 Author Share Posted November 16, 2021 @SquareRefresh Thanks for your help! But it didn't work... 😕 Looks like it pushed the line to the left and added a horizontal line. Any other suggestions? Link to comment
SquareRefresh Posted November 16, 2021 Share Posted November 16, 2021 2 hours ago, binkrabbitgoods said: Thanks for your help! But it didn't work... 😕 Looks like it pushed the line to the left and added a horizontal line. Any other suggestions? Here is my result with previous code: SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
binkrabbitgoods Posted November 17, 2021 Author Share Posted November 17, 2021 @SquareRefresh I wonder why they would be different. Does order matter in CSS? In any case, is there a way to hide just the vertical lines without adding horizontal ones when in mobile? Link to comment
binkrabbitgoods Posted November 18, 2021 Author Share Posted November 18, 2021 On 11/14/2021 at 11:12 AM, binkrabbitgoods said: Site URL: https://www.binkrabbitgoods.com/ Hi! Can someone please help me hide vertical dividers when in mobile view? I have VERY limited CSS knowledge... Can you help me understand if order matters when copy & pasting code? Code block: <div class="vertical"> </div> Thank you in advance! @tuanphan Any chance you can help with this too? Link to comment
tuanphan Posted November 20, 2021 Share Posted November 20, 2021 On 11/18/2021 at 7:03 AM, binkrabbitgoods said: @tuanphan Any chance you can help with this too? Add to Design > Custom CSS /* Hide vertical line on mobile */ @media screen and (max-width:767px) { .vertical { display: none; } } binkrabbitgoods 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
binkrabbitgoods Posted November 21, 2021 Author Share Posted November 21, 2021 22 hours ago, tuanphan said: Add to Design > Custom CSS /* Hide vertical line on mobile */ @media screen and (max-width:767px) { .vertical { display: none; } } Thank you! It worked! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment