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

Link to comment
  • Replies 1
  • Views 274
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.