Jump to content

stephanie25

Member
  • Posts

    3
  • Joined

  • Last visited

Posts posted by stephanie25

  1. @tuanphan Thanks! Adding two texts was a great suggestion. For anyone who needs the code I provided it below:

    
    
    <html>
    <head>
    <style>
    h2 {text-align:center; font-weight: bold;}
    
    #content-desktop {display: block;}
    #content-mobile {display: none;}
    
    @media screen and (max-width: 768px) {
    #content-desktop {display: none;}
    #content-mobile {display: block;}
    }
    }
    </style>
    </head>
    
    <body>
    
    <div id="content-desktop">
    <h2>UX/UI DESIGNER  |  GRAPHIC DESIGNER</h2>
    </div>
    
    <div id="content-mobile">
    <h2>UX/UI DESIGNER<br />GRAPHIC DESIGNER</h2>
    </div>  
    
    </body>
    </html>
    
    
    
    
    
    
    
    

  2. I have a vertical line in my text to break it up. It looks fine on desktop but on mobile the line breaks right after the vertical line. I'd like to get rid of the vertical line just for mobile. Is there way to completely change the text from desktop to mobile view? I'm using the brine family template. https://www.stephanieausfresser.com/

    On desktop it looks this:
    UX/UI Designer | Graphic Designer

    On mobile it look like this:
    UX/UI Designer |
    Graphic Designer

    Instead, on mobile I would like it to look like this without the vertical line:
    UX/UI Designer
    Graphic Designer

    Thanks

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