@tuanphan
Having a similar issue on the mobile version of my website.
Website: https://www.leliagowland.com/
Issue: Seems to only occur/appear when you click the menu on mobile view. For example, select "Negotiation", the "Back" is partially covered by a white bar / white padding. See attached image.
Template: Impact
Below is the coding featured on the website. Wondering if part of the code is the issue.
.sqs-block {
margin-left: 15px;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 5px;
}
.quote-block figure {background-color:#FFFFFF!important;padding-left:20px;padding-right:20px;
text-align:left; padding-bottom:20px; padding-top: 20px; color:
#3a7085!important; border-left:0px solid #a2dbd5} .sqs-block-quote .source
{color:#69c6bc!important; text-align:left; text-transform: none; font-size:
16px!important; letter-spacing:.01em;} .quote-block blockquote>span:first-child {
display:none; } .quote-block blockquote>span:first-child, .quote-block
blockquote>span:last-child { display:none;}
.form-wrapper .field-list .field .option {
font-size: 18px;
}
.form-wrapper .field-list .field .caption {
/* Captions of fields (eg First Name, Last Name) */
font-size: 12pt;}
.form-wrapper .field-list .field .description {
/* Captions of fields (eg First Name, Last Name) */
font-size: 12pt;}
/* media query for mobile devices */
@media screen and (max-width: 767px) {
.section-background img { opacity:0!important }
}
/* media query for mobile devices */
@media screen and (max-width:767px) {
#community img {
display: none;
}
#community .sqs-block-image img {
display: block;
}
#community {
background: url('https://images.squarespace-cdn.com/content/v1/601d6665cf873d77e08b1245/1626975081705-D6HDCHTH5CQG74MP9MN2/Screen+Shot+2021-07-22+at+12.30.07+PM.png?format=2500w');
background-repeat: no-repeat;
background-size: 100%;
}
}
@media screen and (max-width: 767px) {
#block-yui_3_17_2_1_1615427112071_10056 {
display: none;
}
}
/* media query for mobile devices */
@media screen and (max-width:767px) {
#about-hello-banner img {
display: none;
}
#about-hello-banner .sqs-block-image img {
display: block;
}
#about-hello-banner {
background: url('https://images.squarespace-cdn.com/content/v1/601d6665cf873d77e08b1245/1626984084837-L19Y9MP79D33NIPX9LU1/About+Me+Banner+for+Iphone.png?format=2500w');
background-repeat: no-repeat;
background-size: 100%;
}
}
@media screen and (max-width: 767px) {
#block-4bc77d52fcdd94f2f9e3 {
display: none;
}
}
/* media query for mobile devices */
@media screen and (max-width:767px) {
#new-orleans-keynote-speaker img {
display: none;
}
#new-orleans-keynote-speaker .sqs-block-image img {
display: block;
}
#new-orleans-keynote-speaker {
background: url('https://images.squarespace-cdn.com/content/v1/601d6665cf873d77e08b1245/1626984736429-ALJZEJX4S0AI9IB56FDB/Live%2BHyrbid%2BKeynote%2BSpeaker%2BPage%2BBanner%2Bfor%2BIphone.jpg?format=2500w');
background-repeat: no-repeat;
background-size: 100%;
}
}
@media screen and (max-width: 767px) {
#block-yui_3_17_2_1_1622651291542_2312 {
display: none;
}
}
/* media query for mobile devices */
@media screen and (max-width:767px) {
#negotiation-course-1 img {
display: none;
}
#negotiation-course-1 .sqs-block-image img {
display: block;
}
#negotiation-course-1 {
background: url('https://images.squarespace-cdn.com/content/v1/601d6665cf873d77e08b1245/1626984644358-FX29OXTCL6SJJDLMUX42/Course+Banner+for+Iphone.png?format=2500w');
background-repeat: no-repeat;
background-size: 100%;
}
}
@media screen and (max-width: 767px) {
#block-89f71f8f776a50a74852 {
display: none;
}
}