Jump to content

SannaBuckhoj

Member
  • Posts

    18
  • Joined

  • Last visited

Posts posted by SannaBuckhoj

  1. Site URL: https://livi.squarespace.com/

    Hi,

    I need some help 🙂
    I am building a website for a client and managed to add a split/second menu to the desktop with CSS code.

    The thing is that the code also responds to the mobile menu, even though I also put in code for customisation of the mobile menu, the  split menu code must override the custom fonts mobile menu code?

    This is the code i placed for split mobile: 

    /*Make split navigation*/
    .header-nav {
        position: absolute;
        top: 9px;
        bottom: 0;
        margin-top: 0!important;
        margin-left: -50px!important;
    }

    .header-nav-item:nth-of-type(2) {
        margin-right: 360px!important;
    }

    .header-title-logo a {
        z-index: 1000;
        position: relative;
    }
    @media screen and (min-width: 1000px){ 
      
    }

     

    And this is the code I put in for the custom fonts in mobile menu: 

    //MOBILE MENU//
    .header-menu-nav * {
        color: black !important;
      font-size: 13px !important; 
      letter-spacing: 0.30em)!important;
       line-height: 1.7; padding-top: 15px; 
    }

    //Hide secondary nav on mobile//
    .wm-secondary-mobile-nav{
       display:none !important;
    }

     

    I also placed this code for customizing the size of the mobile fonts:
    /* CSS FOR MOBILE */
    @media only screen and (max-width: 640px) {
    // Header h1
     h1 {font-size:2.5rem !important} 

    // Header h2
     h2 {font-size:1rem!important} 

    // Header h3
     h3 {font-size:0.64rem !important} 

    // Paragraph
     p {font-size:0.8rem !important} 
    }

     

    Anyone who knows why my mobile menu looks the way it does??  @tuanphan

    Thank you so much!
    Best, Sanna

    Screenshot 2022-03-16 at 21.59.44.png

    Screenshot 2022-03-16 at 23.23.26.png

  2. Site URL: https://www.uppsala-nord.com/

    I have a promblem I just cant seem to fix. 

    I have a gallery block where I want a text block with a title and text showing underneath it, different text following each slide.

    I found some code to create this, but then the bottom of the text block cuts off the text instead - see image. 

    Is there any code that can give me some more margin underneath? I cant figure this out myself and website is launching tomorrow... Anyone who can help - would appreciate it so so much!

     

    Screenshot 2022-02-02 at 23.14.22.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.