Jump to content

Cover Page 7.0 - Landing page with two different logos and website paths

Recommended Posts

Hi!

I am working in SS 7.0 and trying to create a landing page that can take two different paths to a course or to book in-person lessons (same site). I'd like to (using links on the image if possible) use 2 different logos (opposite sides) without showing the menu just on this page. Is this possible using this version of SS? If yes, please advise on html/css coding? How would this look on a mobile view? I don't want it to look messed up, of course. Please see the attached mockups for examples. I'm not sure about using a vertical line to separate but put it as an option just in case.

Thank you for your help in advance!

Screenshot 2023-03-24 at 4.03.02 PM.png

Screenshot 2023-03-24 at 4.03.20 PM.png

Link to comment
  • Replies 3
  • Views 677
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 4/8/2023 at 3:31 AM, WendyKC said:

Hello @tuanphan,

Thank you for responding to my post.

I already had a Business Plan but I just upgraded to SS 7.1 and kept the Business Plan. Can you share any helpful information to help me achieve my goal? Thank you in advance.

Do you still use 7.0 or 7.1? What is your site url?

The simplest solution is I can give you code, you can insert in the Page Header, this code will replace the logo on the current page with another logo, change the logo url, and hide some items from the navigation menu..

You can repeat this code for other pages

What do you think?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.