Jump to content

JohnNightingale

Circle Member
  • Posts

    15
  • Joined

  • Last visited

Posts posted by JohnNightingale

  1. Hi all,

    I'm having similar issues here. I can get tuanphan's code (thanks) to work on my Blog section (albeit adapting some of the CSS classes to work with my specific template), but I only want this new logo to appear on 'post' pages - not on the Blog listing page.

    Does anyone know a way to adapt this, so it only appears on the post pages?

    Thanks in advance.

  2. Hi Tuan,

    Thanks for looking. URL below...

    https://lwp-workinprogress.squarespace.com

    pw: LWP-Glyn01

     

    I've looked around for an answer and not really finding anything useful.

    The code I have so far to customise the mobile menu overlay is as follows:

     

    Quote

     

    .Mobile-overlay-menu {
        width: 100%;
        z-index: 1;
    }

    .Mobile-overlay-menu-main {
        padding: 0px 36px 36px 36px !important;
    }

    .Mobile-overlay-nav--primary {
        margin-top:20px;
    }
      
    .Mobile-overlay-nav--primary:before {
        display: block;
        content: "";
        background-image: url(https://images.squarespace-cdn.com/content/5ec3a27c7f0be537de917698/1589880645769-9UTHT4U8JK075AQGZXTO/LWP-sqlogo-fullcol%402x.png?content-type=image%2Fpng);
       background-position: top;
       background-size: 100% auto;
       background-repeat: no-repeat; 
       width: 80px;
       height: 80px;
       margin: 0px 0px 40px 0px;
    }

    .Mobile-overlay-close {
        padding: 46px 38px;
    }

     

     

    But is there a better way to put the linking image in there - maybe javascript or something?

    Thanks again

  3. Hi, I'm looking to add my site logo into my mobile menu overlay and make this a clickable item (so it goes to the homepage).
    I think I'm halfway there, but I can't work out what I need to do next.

    I've got tuanphan's code snippet above

    nav.Mobile-overlay-nav.Mobile-overlay-nav--primary:before

    to get the logo into the top of my menu, but can't work out how or where to add in the part that will make it a link. I'm thinking this needs to be added into a code injection somewhere as html, but not quite sure and feeling a bit stuck.

    Can anyone help at all?

    Thanks

     

    Screen Shot 2020-06-29 at 16.04.38.png

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