MunichMarketers

Hello everyone,

I have a problem with the mobile version of my webpage. Whenever it gets opened you can drag it a little bit to the left side, which shows an empty vertical stripe, all the way down. It is also shown like that in the preview on Squarespace and in the edit mode. How do I fix this?

There is a screenshot attached, in case you do not understand what I mean. I am thankful for any help.

Hello everyone, I hope you can help me. Unfortunately, I have been unable to edit one of our websites for a few days now. I have a Mac. Unfortunately, my colleague (PC) can no longer edit either. Only one colleague (PC), whose email address is also valid for the account, can edit this particular homepage. That shouldn't really be the case. I can still edit all other domains and homepages within the account as normal.

Thanks for the reply! 

I had already also added the code there. Removed the code from Custom CSS, so that now its only: 

/* resize about images mobile */
@media (min-width:800px) {
    #yui_3_17_2_1_1699461730249_70 {
        display: none;
    }
}
@media (max-width:799px) {
    #yui_3_17_2_1_1699461730249_85 {
        display: none;
    }
}

Still not working.. Am I missing something? 

This is the code I have in, except for the Cookiebot cbid which I redacted: 

<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="redactedXXXXX" data-blockingmode="auto" type="text/javascript"></script>

/* resize about images mobile */
@media (min-width:800px) {
    #yui_3_17_2_1_1699461730249_70 {
        display: none;
    }
}
@media (max-width:799px) {
    #yui_3_17_2_1_1699461730249_85 {
        display: none;
    }
}

Hey SaranyaDesigns, 

thats exactly what I want. However, I input the code and it doesn't seem to be working. Still shows both pictures. Would you be so kind to check again? 

Thanks in advance!

Hi, 

I want to use two different images on a website - one for mobile and one for desktop view. 

Page is here: IP Due Diligence (ip-duediligence.de) 

Pictures in question are below "Know the worth" . 

I tried the code I found in a different discussion topic, however was apparently not able to identify the right blocks: 

/* resize about images mobile */

@media screen and (max-width:767px) {

div#block-caaad2e9bd745ab16595 {

    width: 90%;

}

div#block-25664f826350d9cbce90 {

    width: 80%;

}

}

Could you please help?

Thanks in advance! 

Thanks for the help @IXStudio, almost perfect!

This code changes it for all pages though. I would love that it only stays see through at the top of the "Home" Page. I tried adding it in the custom CSS section for just this page but that doesn't seem to work.

Is it possible to have the header only on one page see thru and "normal" on all others?

Hey  @tuanphan,

I'm trying to make the header transparent on the Homepage but only while staying at the top where the picture is visible. Afterwards it's supposed to take a certain color.
However, on the other pages I want it to take a predefined color.

I'm using the Almar template. 

https://flatworm-bird-bx27.squarespace.com

pw: 1

Hope that makes sense and thanks in advance for your help!!