Jump to content

How to make markdown text specific to mobile sites

Recommended Posts

How do I make my colours to invert when the mobile site is loaded.

On desktop, it loads with white text on a black background, but I want black text with a white background for mobile.

Also, I would like to get ride of the line break "BOOK your ride, and more" on the mobile site.


Here is my current markdown code:

<div style="background-color:black; text-align:left; vertical-align: middle; padding:20px 0;">
<h1 style="background-color:black;">WE KNOW YOU'RE BUSY.</h1>

<div style="background-color:black; text-align:left; vertical-align: middle; padding:10px 0; margin-top:10px">
<h4>Access your account, BOOK your ride, and more,<br>while you’re on the go with our <b>mobile app!</b></h4>

<div class="black">


Screen Shot 2020-07-28 at 3.48.21 PM.png

Screen Shot 2020-07-28 at 3.48.04 PM.png

Edited by kiriako
added to my question
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.