Jump to content

casafloralia

Circle Member
  • Posts

    20
  • Joined

  • Last visited

Posts posted by casafloralia

  1. 3 hours ago, tuanphan said:

    Add to Design > Custom CSS

    
    /* remove scroll bar on burger desktop */
    @media screen and (min-width:992px) {
    .header-menu-nav-folder--active {
        overflow: hidden;
    }
    }
    /* tablet */
    @media screen and (min-width:768px) and (max-width:992px) {
    /* center footer logo */
    div#page-section-608ffe74d1bf763c75618aca>.row>.col {
        margin: 0 auto;
        width: 100%;
    }
    /* reduce space */
    [data-section-id="6091547b96145d3ee02ae3e6"] {
        min-height: unset !important;
    }
    /* increase blog width */
    .blog-item-inner-wrapper {
        width: 90% !important;
    }
    }

     

    Thank you @tuanphan

    The footer logo on tablet is centered but it is way too big. 

  2. On 5/5/2021 at 8:34 PM, tuanphan said:

    And I also found some problems. You can create new questions, we will help easier

    Site URL – https://janetesilveira.squarespace.com/

    1. (Desktop-Header) Remove right scroll?

    janetesilveira.squarespace.com-01-min.pn

    2. (Tablet-Footer) center logo?

    janetesilveira.squarespace.com-02-min.pn

    3. (Tablet-Homepage) reduce this space?

    janetesilveira.squarespace.com-03-min.pn

    4. (Mobile-Blog) Add a space between image – read more?

    janetesilveira.squarespace.com-04-min.pn

    5. (Tablet-Blog posts) Increase post width?

    janetesilveira.squarespace.com-05-min.pn

    Hi @tuanphan!

    Yes! I'd like hep with all that 🙂

     

  3. hey everyone,

    I'm trying to keep the hamburger menu on desktop.

    I've managed to do it, but can't seem to get my logo in the center.

    can anyone help?

    here's what I've done so far:

    @media screen and (max-width: 5000px) {
      /* Display burger icon at all widths*/ 
      .header .header-burger {
        display: flex;
      }
      /* Make burger menu visible at all widths */  
      .header--menu-open .header-menu {
        opacity: 1;
        visibility: visible;
      }
      /* Hide primary navigation menu */ 
      .header .header-title-nav-wrapper .header-nav {
        display: none;
      }
      /* burger position */
    .header-display-desktop {
        flex-direction: row-reverse;
    }
    }

    https://janetesilveira.squarespace.com/

    ps: 1234

  4. hey everyone,

    I'm also trying to keep the hamburger menu on desktop.

    I've managed to do it, but can't seem to get my logo in the center.

    can anyone help?

    here's what I've done so far:

    @media screen and (max-width: 5000px) {
      /* Display burger icon at all widths*/ 
      .header .header-burger {
        display: flex;
      }
      /* Make burger menu visible at all widths */  
      .header--menu-open .header-menu {
        opacity: 1;
        visibility: visible;
      }
      /* Hide primary navigation menu */ 
      .header .header-title-nav-wrapper .header-nav {
        display: none;
      }
      /* burger position */
    .header-display-desktop {
        flex-direction: row-reverse;
    }
    }

    https://janetesilveira.squarespace.com/

    ps: 1234

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