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

tuanphan

Circle Member
  • Content Count

    15,984
  • Joined

  • Last visited

  • Days Won

    201

Posts posted by tuanphan

  1. On 10/17/2020 at 7:48 AM, Webswool said:

    I'm trying to solve the issue by playing with the margins/padding of the navigation links - my client isn't willing to pay for a business plan so I'm relying solely on CSS.

    I need to test it more thoroughly, but so far it seems to be doing the trick.

    I used the following code:

    // Navigation Links Spacing //
    .header-nav-item:nth-child(3) a {
    padding-left: 100px!important;}
    .header-nav-item:nth-child(2) a {
    margin-left: 0px!important;
    margin-right: 450px!important;}

    You can try using position relative with negative value for left for nth-child(3), recently I solved for a member using this approach

  2. 6 hours ago, Dharrshiyni said:

    @tuanphan Sure, the website link is https://paul6.squarespace.com/ .

    I managed to use on your codes I saw you help to solve. 

    @media screen and (max-width:767px) {
    .homepage section:first-child {
        height: 100vh !important;
        min-height: unset !important;
    }
    }

    It worked on the images, but I dont know why suddenly my footer is so big. I dont know how to change it back. 

    your code will target all first section (first section appears both in main content + footer)

    change class name to this

    .homepage #page section:first-child

  3. Add to Home > Design > Custom CSS

    @media screen and (max-width:767px) {
    .gallery-masonry-wrapper.gallery-masonry-list--ready {
        height: auto !important;
    }
    figure.gallery-masonry-item {
        position: relative !important;
        width: 100% !important;
        transform: unset !important;
        margin-bottom: 20px;
    }
    .gallery-masonry-item-wrapper {
        height: auto !important;
    }
    }

     

  4. 21 hours ago, jacauschi23 said:

    @tuanphan  I came across this topic and I'm trying to accomplish the same. I need to split the navigation menu to the left and right of the centered logo. Right now, it's just on the left. I wish Squarespace had the option to do it along with the other nav header layouts they have. Any help would be greatly appreciated. Thanks

    Site: https://active-redesign-1.squarespace.com/ 

    PW: blackom2020

    Add to Home > Design > Custom CSS

    @media screen and (min-width:992px) {
    .header-nav-item:nth-child(n+4) {
        position: relative;
        left: 60vw;
        top: -25px;
    }
    }

     

×
×
  • Create New...