Top text in footer is cut off, what can I do?

tonton · November 2, 2022

I have some custom code that i think could be the reason for this but cant find what would cause this.

joseph81 · November 2, 2022

Could you share also the url for this website?

tonton · November 3, 2022

Sure ! https://raspberry-beagle-mrk9.squarespace.com/config/

joseph81 · November 3, 2022

Oh, it seems I don't have access to your site ! It is private.

tonton · November 3, 2022

Here the code

//_______CHRISTIANS-KOD_______//

a:not(.sqs-block-button-element) {
// color: #00A3B0 !important; // standard link color
&:hover {
color: #fd9294 !important; // hover color
}
&:active {
color: #43403C !important; // color link goes when clicked
}
}

// Göra menyn semi-tranparent (Light Minimal)
body[data-menu-overlay-theme-switcher="true"] .header.light {
background-color: rgba(245,245,245 ,0.5)!important;
backdrop-filter: blur(10px);
}

body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .light .header-nav-folder-content {
background-color: rgba(245,245,245 ,1)!important;
backdrop-filter: blur(10px);
color: #blue!important;
border-radius: 10px;
}

// Göra menyn semi-tranparent (Dark Bold)
body[data-menu-overlay-theme-switcher="true"] .header.dark-bold {
background-color: rgba(54,88,107 ,0.7)!important;
backdrop-filter: blur(10px);
}

body[data-menu-overlay-theme-switcher="true"]:not(.header--menu-open) .dark-bold .header-nav-folder-content {
background-color: rgba(71,109,131 ,0.9)!important;
backdrop-filter: blur(10px);
border-radius: 5px;
}

//Boxar (Används inte)
.box {
background-color: rgba(71,109,131 ,1);
padding: 20px;
//height: 500px;
}

// Avståndet mellan varje bokstav i menyn
.header-nav-item, .user-accounts-text-link, .cart-text-link {
letter-spacing: 0.0em;
font-size: 14px;
}

//Övrigt
.sprak {
   background-color: transparant;
   right: 0;
   position: absolute;
   z-index: 1001;
padding: 10px 15px 0 0;

}

.sprak a {
color: #1111;
font-size: 0.6em;
margin-right: 7px;
}

.header-inner {
padding-top: 38px;
}

.tletable {
border: 1px solid #cccccc;
background-color: white;

th {
padding: 13px;
color: #333333;
background-color: #f0f0f0;
}
td {
padding: 13px;
}
.hogerstallt {text-align:right}
.vansterstallt {text-align:left}
}

.edittable {
border: 1px solid #9b9b9b;
background-color: white;
font-size:12px;
font-weight:normal;

th {
padding: 5px;
color: #ffffff;
background-color: #1f4e78;
}
td {
padding: 5px;
}
}

.printtable {
border: 1px solid #9b9b9b;
background-color: white;
font-size:12px;
font-weight:normal;

th {
padding: 5px;
color: #ffffff;
background-color: #1f4e78;
font-weight:normal;
}
td {
padding: 5px;
}
}

.dialogfonster {
border: 1px solid #a0a0a0;
background-color: white;
font-size:14px;
padding: 5px;
color: #000000;
th {
padding: 5px;
font-weight:normal;
}
td {
padding: 5px;
}
}

.tips {
border: 1px solid #11cfeb;
background-color: #e9fcff;
font-size:14px;
padding: 5px;
color: #000000;
th {
padding: 20px;
font-weight:normal;
}
td {
padding: 20px;
}
}

.filterwindow {
border: 1px solid #dddddd;
background-color: #ffffff;
font-size:14px;
padding: 5px;
color: #20b2aa;
th {
padding: 20px;
font-weight:normal;
}
td {
padding: 20px;
}
}

.example {
border: 1px solid #8c8c8c;
background-color: #f0f0f0;
font-size:14px;
padding: 5px;
color: #000000;
th {
padding: 20px;
font-weight:normal;
}
td {
padding: 20px;
}
}

.statements {
border: 1px solid #58a3bf;
background-color: #658d9c;
font-size:16px;
padding: 5px;
color: #ffffff;
th {
padding: 10px;
font-weight:normal;
}
}

.hogerstallt {text-align:right}
.vansterstallt {text-align:left}

.selectedrow_blue {
color: #ffffff;
background-color: #0078d7;
}

.selectedrow_yellow {
color: #000000;
background-color: #ffff00;
}

.selectedrow_grey {
color: #1f4e78;
background-color: #d9d9d9;
font-weight:bold;
}

.rowcolor_yellow {
background-color: #ffffcc;
}

.rowcolor_lightgrey {
color: #333333;
background-color: #f9f9f9;
}
.gridlines {
border: 1px solid #cccccc;
}

/*setup language switcher*/
.language {
color: #dddddd;
font-size:14px !important;
padding: 0px;
top: 25px !important;
right: 80px !important;
position: fixed;
z-index: 99999;
a {
color: #dddddd;
&:hover {
opacity: 0.8;
}
}
}

.header-nav nav a {visibility: hidden}
.header-nav nav .multilanguage a {visibility: visible}
.header-actions-action .btn {
padding: 20px 30px;
font-size: 15px;
color: #204051 !important;
background: white !important;
border-color: violet !important;
}

/*
#radio-yui_3_17_2_1_1585817058802_173999 .option {width: 20%;float: left;text-align: left;margin-bottom: 10px;}
#radio-yui_3_17_2_1_1585817058802_224338 .option {width: 20%;float: left;text-align: left;margin-bottom: 10px;}
#radio-yui_3_17_2_1_1585817058802_226408 .option {width: 20%;float: left;text-align: left;margin-bottom: 10px;}
#radio-yui_3_17_2_1_1585817058802_225388 .option {width: 20%;float: left;text-align: left;margin-bottom: 10px;}
#radio-yui_3_17_2_1_1585817058802_227469 .option {width: 20%;float: left;text-align: left;margin-bottom: 10px;}
#radio-yui_3_17_2_1_1585817058802_277836 .option {width: 33%;float: left;text-align: left;margin-bottom: 10px;}
*/

//_______TONYS-KOD_______//

//__SECTION-BACKGROUND-FONT-SIZE__//

section[data-section-id="634d45c0d6fbbb5280319c62"] h2

{

font-size: clamp(0px, 56.25vw, 40px) !important;
color:blue;

}

//__SECTION-BACKGROUND-CLAMP-HEIGHT__//

section-background img

{

height: clamp(0px, 40.25vw, 100vh) !important;

}

//__SECTION-BACKGROUND__//

section-background img

{

object-position: 100px 100px !important;

}

//__VIDEOS__//

#block-yui_3_17_2_1_1667386017926_213756 iframe

{
border-radius: 0px!important;

}

//__CUSTOM-FONTS__//

@font-face

{

font-family: 'Raleway-ExtraBold';
src: url(https://static1.squarespace.com/static/634d4558d6fbbb5280318717/t/6355438aff7b3464246a40ec/1666532234399/Raleway-ExtraBold.ttf);

}

@font-face

{

font-family: 'Raleway-Regular';
src: url(https://static1.squarespace.com/static/634d4558d6fbbb5280318717/t/635543ce7c8ae732dae5b23c/1666532302795/Raleway-Regular.ttf);

}

@font-face

{

font-family: 'Raleway-Medium';
src: url(https://static1.squarespace.com/static/634d4558d6fbbb5280318717/t/635543c10d38433db09d9865/1666532289805/Raleway-Medium.ttf);

}

@font-face

{

font-family: 'Raleway-Bold';
src: url(https://static1.squarespace.com/static/634d4558d6fbbb5280318717/t/6355437f9be99f017f063970/1666532224128/Raleway-Bold.ttf);

}

//__SITE-TITLE__//

.header-title-text a

{

font-family: 'Raleway-Regular' !important;

}

//__SITE-NAVIGATION__//

.header-nav-item a

{

font-family: 'Raleway-Regular' !important;
text-transform: uppercase;
font-size: clamp(12px,1vw,17px);
}

//__HEADER-BUTTON__//
.header-actions-action .btn

{

font-family: 'Raleway-Bold' !important;
font-size: 12px !important;

}

//__ANNOUNCMENT-BAR__//
.sqs-announcement-bar-url a {
font-family: 'Raleway-Regular' !important;
}

//__SMALL-TERTIARY-BUTTON__//

.sqs-block-button-element--small, .sqs-button-element--tertiary

{

font-family: 'Raleway-Bold' !important;
text-transform: uppercase !important;
font-size: 15px !important;

}

//__MEDIUM-PRIMARY-BUTTON__//

.sqs-block-button-element--medium, .sqs-button-element--primary

{

font-family: 'Raleway-Bold' !important;
text-transform: uppercase !important;
font-size: 15px !important;

}

//__SECONDARY-BUTTON__//

.sqs-block-button-element--large, .sqs-button-element--secondary

{

font-family: 'Raleway-Bold' !important;
text-transform: uppercase !important;
font-size: 15px !important;

}

//__HEADINGS-FONT-TYPE-COLOR-AND-UPPERCASE__//

h1, h2, h3, h4, h5

{

font-family:'Raleway-Bold';
text-transform: uppercase;
color: white !important;

}

//__PARAGRAPH__//

p

{

font-family: 'Raleway-Regular';
color: white !important;

}

//__PARAGRAPH-2__//

.sqsrte-large

{

font-family: 'Raleway-Regular';

}

//__SPECIFIC_SECTION_PAGE-1_SEC-1__//
[data-section-id="635313a3399ccf1baae19641"]

{

}

//__H1__//

h1,

{

font-size: clamp(30px,3vw,50px);
position: relative;
bottom: clamp(5px,1vw,5px)!important;
width: clamp(70%,37vw,100%)!important;
}

//__PARAGRAPH-2_PARAGRAPH-BLOCK-SECTION-1__//

#block-yui_3_17_2_1_1666868235338_71253, p

{

font-size: clamp(14px,1vw,17px);
position: relative;
bottom: clamp(10px,1vw,20px)!important;

}

//__PRIMARY-BUTTON__//

.sqs-block-button-element--medium, .sqs-button-element--primary

{

font-size: clamp(10px,1vw,15px) !important;

}

//__PRIMARY-BUTTON-PAGE-1-SECTION-1__//

#block-7d248bcf16148911ecce

{

font-size: clamp(10px,8vw,15px)!important;
position: relative;
bottom: 12px

}

//_BAKGRUNDER_//-----
// Medium devices (tablets, 3000px and up)
@media (max-width: 3000px) {


section[data-section-id="6360ee51bb655c07afcf2ac6"]


{

position: absolute;
top: 108px !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;

}

#block-948d9df37bde2766a22c, #block-954396515381af5bfa32, #block-yui_3_17_2_1_1667301800924_63206


{

position: relative;
top: -108px !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
visibility:hidde;
width: clamp(70%,40vw,100%)!important;
margin-top: 20px;
}

}

//_BAKGRUNDER_//-----
// Medium devices (tablets, 799px and up)
@media (max-width: 799px) {


section[data-section-id="6360ee51bb655c07afcf2ac6"]


{

position: absolute;
top: 108px !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;

}

#block-948d9df37bde2766a22c, #block-954396515381af5bfa32, #block-yui_3_17_2_1_1667301800924_63206


{

position: relative;
top: -108px !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
visibility:hidde;
width: clamp(70%,40vw,100%)!important;
margin-top: 20px;
}

//_BAKGRUNDER_//-----
// Medium devices (tablets, 767px and up)
@media (max-width: 767px) {


section[data-section-id="6360ee51bb655c07afcf2ac6"]

#block-954396515381af5bfa32

{


position: relative;
top: px !important;
right: 10px;
width: clamp(90%,1vw,100%) !important;
}

#block-yui_3_17_2_1_1667301800924_63206

{


position: relative;
top: -180px !important;
right: 10px;
width: clamp(50%,1vw,100%) !important;
}


#block-948d9df37bde2766a22c

{


position: relative;
top: -35px !important;
right: 10px !important;
width: clamp(50%,1vw,100%) !important;
}

}
}

//_BAKGRUNDER_//-----
// Medium devices (tablets, 619px and up)
@media (max-width: 619px) {


section[data-section-id="6360ee51bb655c07afcf2ac6"]

#block-954396515381af5bfa32

{

visibility: hidde;
position: relative;
top: -80px !important;
right: 10px;
width: clamp(120%,1vw,100%) !important;
}

#block-yui_3_17_2_1_1667301800924_63206

{


position: relative;
top: -160px !important;
right: 10px;
width: clamp(65%,1vw,100%) !important;
}


#block-948d9df37bde2766a22c

{


position: relative;
top: -25px !important;
right: 10px !important;
width: clamp(55%,1vw,100%) !important;
}

}

//_BAKGRUNDER_//-----
// Medium devices (tablets, 537px and up)
@media (max-width: 537px) {

section[data-section-id="6360ee51bb655c07afcf2ac6"]

#block-954396515381af5bfa32

{

visibility: hidde;
position: relative;
top: -80px !important;
right: 10px;
width: clamp(120%,1vw,100%) !important;
}

#block-yui_3_17_2_1_1667301800924_63206

{


position: relative;
top: -160px !important;
right: 10px;
width: clamp(65%,1vw,100%) !important;
}


#block-948d9df37bde2766a22c

{


position: relative;
top: -25px !important;
right: 10px !important;
width: clamp(55%,1vw,100%) !important;
}

}

//_BAKGRUNDER_//-----
// Medium devices (tablets, 428px and up)
@media (max-width: 428px) {


section[data-section-id="6360ee51bb655c07afcf2ac6"]

page .page-text-wrapper {
       margin-bottom: 0;
   }
   #collection-5b7750a66d2a736e3dc93acd .index-item.has-item-image {
       height: 30vh !important;
   }

#block-954396515381af5bfa32

{

visibility: hidde;
position: relative;
top: -80px !important;
right: 10px;
width: clamp(150%,1vw,100%) !important;
}

#block-yui_3_17_2_1_1667301800924_63206

{


position: relative;
top: -160px !important;
right: 10px;
width: clamp(86%,1vw,100%) !important;
}


#block-948d9df37bde2766a22c

{


position: relative;
top: -27px !important;
right: 10px !important;
width: clamp(60%,1vw,100%) !important;
}

}

tonton · November 3, 2022

I know it becuase of I made a section move downwards so it pushes down the content in the footer for some reason I think

joseph81 · November 3, 2022

This will be hard to debug because I don't know whick block id represents the footer section on the right. But as I guess you're problem is related to :

position: relative;
top: -27px !important;

You could reduce the negative top, or take out the overflow hidden by writing overflow:visible. But since I can't inspect and identify what element is what on the screen this is just a guess.

Top text in footer is cut off, what can I do?

Recommended Posts

tonton

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

joseph81

Link to comment

tonton

Link to comment

joseph81

Link to comment

tonton

Link to comment

tonton

Link to comment

joseph81

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources