tuanphan

Just edit page > Click Mobile icon on top right > Then you can adjust it on mobile. This won't affect desktop

It looks like your site has problem with multilanguage code. When enter password >> it reload page with en.brondyhumphrey.com in browser address bar > then appear password input again.

Try adding this to Design > Custom CSS /* Lightbox images */ .gallery-lightbox-item img { transform: scale(2.3); }

Change this line figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } to this figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; margin-bottom: 30px !important; }

Use this CSS time.summary-metadata-item.summary-metadata-item--date { font-size: 30px !important; }

#1. You need to use custom font to do this. Which elements you want to apply Oaxaca font? #2. Do this for Products or Normal Image?

You mean Homepage? It looks like you solved this?

Try adding to Design > Custom CSS @media screen and (max-width:991px) and (min-width:768px) { div#block-yui_3_17_2_1_1659377699222_179437 p strong { line-height: 55px; } div#block-yui_3_17_2_1_1659377699222_186670, div#block-yui_3_17_2_1_1659377699222_8319 { min-height: 700px; } }

You can try adding it to Excerpt.

Mobile needs some code like this <style> .header-menu-nav-folder[data-folder="root"]>div>div:nth-child(1) { display: none; } </style> (this will hide first item)

Can you check font url? It doesn't exist https://static1.squarespace.com/static/1`62a77c5d791ab9524534f250/t/62eaae1dd42eb13063760043/1659547165855/Rift+Soft+Bold.ttf

What is your site url? We can check code easier

Try removing Summary Block & check again. I often see it appear when using Summary Block. Of course you can also use this code to remove that blue space body {overflow-x: hidden;}

You mean Key People Section? Use this new code //Bio Photo Rollover// .user-items-list-item-container[data-section-id="625f3f9aadede3156929916d"] { li.list-item {filter: grayscale(100%);} li.list-item:hover { filter: none;} }

Remove these symbols It should be #collection-62702969fd68866477d96224 h1 { color: #800032;!important; font-family: "Times New Roman", Times, serif !important; } h2 { color: red;!important; font-family: "Times New Roman", Times, serif !important; } h3 { color: blue;!important; font-family: "Times New Roman", Times, serif !important; } p { color: black !important; font-family: "Times New Roman", Times, serif !important; } a { color: blue !important; font-family: "Times New Roman", Times, serif !important; } .sqs-block-horizontalrule hr { background-color: blue; }

Add this to Design > Custom CSS @media screen and (max-width:640px) { body.homepage .Parallax-item:first-child img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } section#hero-image-foster { height: 200px; } }

Hi, Can you share link to product where you have problem? We can check easier

The url doesn't exist. Can you check it again?

Can you share link to main gallery page?

Do you still need help with List Content? I see you changed to Image/Text with Fluide Engine to achieve this?

Edit page where you want to add Timeline > Add a Code Block > Paste this code <div class="timeline"> <div class="container left"> <div class="content"> <h2>2017</h2> <p>Lorem ipsum..</p> </div> </div> <div class="container right"> <div class="content"> <h2>2016</h2> <p>Lorem ipsum..</p> </div> </div> </div> <style> /* The actual timeline (the vertical ruler) */ .timeline { position: relative; max-width: 1200px; margin: 0 auto; } /* The actual timeline (the vertical ruler) */ .timeline::after { content: ''; position: absolute; width: 6px; background-color: white; top: 0; bottom: 0; left: 50%; margin-left: -3px; } /* Container around content */ .container { padding: 10px 40px; position: relative; background-color: inherit; width: 50%; } /* The circles on the timeline */ .container::after { content: ''; position: absolute; width: 25px; height: 25px; right: -17px; background-color: white; border: 4px solid #FF9F55; top: 15px; border-radius: 50%; z-index: 1; } /* Place the container to the left */ .left { left: 0; } /* Place the container to the right */ .right { left: 50%; } /* Add arrows to the left container (pointing right) */ .left::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid white; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white; } /* Add arrows to the right container (pointing left) */ .right::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } /* Fix the circle for containers on the right side */ .right::after { left: -16px; } /* The actual content */ .content { padding: 20px 30px; background-color: white; position: relative; border-radius: 6px; } /* Media queries - Responsive timeline on screens less than 600px wide */ @media screen and (max-width: 600px) { /* Place the timelime to the left */ .timeline::after { left: 31px; } /* Full-width containers */ .container { width: 100%; padding-left: 70px; padding-right: 25px; } /* Make sure that all arrows are pointing leftwards */ .container::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } /* Make sure all circles are at the same spot */ .left::after, .right::after { left: 15px; } /* Make all right containers behave like the left ones */ .right { left: 0%; } } </style>

Add to Last Line in Code Injection > Footer <script> $( ( ) => { const selector = '.user-items-list-carousel__slides .list-item'; $( selector ).each ( function ( ) { const $this = $( this ); $( $this ).click ( function ( ) { const url = $( '.list-item-content__button', $this ) .attr ( 'href' ); $( `<a href="${ url }" target="_blank">` ) .get ( 0 ) .click ( ); } ); } ); } ); </script> <style> .user-items-list-item-container[data-section-id="62dac38a00902b10848f73f0"] .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-item-container[data-section-id="62dac38a00902b10848f73f0"] .user-items-list-carousel__gutter { cursor: pointer; } </style>

Hi. The events url doesn't exist

Add this CSS to break category to multi lines if a lot of items ul.nested-category-children { flex-wrap: wrap !important; } @media screen and (max-width:767px) { nav.nested-category-breadcrumb { text-align: center !important; } h2.nested-category-title.nested-category-title-padding { justify-content: center; } }

First, you can access this link: yourdomain.com/config/safe Replace yourdomain with your real domain, or built-in domain (This link will disable all code in Editing Mode, then footer, header will appear again) Next, you can remove Code Block from Footer Next, to remove header/footer on one page >> Edit that page >> Add a Code Block at top of page > Use this code <style> header#header, #footer-sections{ display:none !important; } </style>