Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
snorkelcookislands

How to get 2 images side by side in mobile view

Question

5 answers to this question

Recommended Posts

  • 0
On 6/6/2020 at 3:09 AM, snorkelcookislands said:

Site URL: https://snorkelcookislands.com

Hey guys, I'm wanting to have these two logo images sit side by side each other in mobile, as they currently stack. It looks quite silly!

Help would be appreciated!

Screen Shot 2020-06-04 at 09.03.20.png

Screen Shot 2020-06-04 at 09.03.10.png

Hi there

I cant see these images in your site, would you mind to help identify them?


I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---

https://www.freelancer.com/u/BaNgan

Share this post


Link to post
  • 0

@snorkelcookislands taking a look again but now i'm not seeing those icons, must have moved them. I noticed another issue on the "Our Story" page, it's common when there's no background for the menu, the logo and menu links can sometimes be difficult to see depending on the background image for the page. You can add a subtle dark gradient that will ensure the white links/icons/logos are still visible. 

Before:
image.thumb.png.a21762ba1f488859fe2c07fa355a1b1c.png

 

After:
image.thumb.png.3e3065549b2bad996e5c2c203ad200c0.png

 


/* Use this to apply gradient to all headers (desktop, tablet, mobile) */
header {
  background: linear-gradient(to bottom, rgba(0,0,0,.3), transparent);
  }


/* Use this to apply it only to tablet and down */
@media(max-width: 768px) {
header {
  background: linear-gradient(to bottom, rgba(0,0,0,.3), transparent);
  }
}



 


Philadelphia, PA

Available for hire

Beyond Copy/Paste: Learn CSS for Squarespace Workshop

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...