HELP ! Few issues after New Update Baseline Theme Version 3.2.1

[AmeraStudios]

Hello everyone,

I recently updated to Baseline version 3.2.1, and it seems I’ve lost my previous configurations. Could someone help me fix these issues or guide me on how to edit the code? I've also included screenshots from BEFORE/AFTER the update here below. Thanks in advance for your help or any suggestions!

List of issues found:

• The website it's not fixed, moves left/right when scrolling.
• Transparent sticky header overlay on the product page is gone!
• Product pagination overlay dots also gone!

Best regards,
Ameerah

website:  https://amerastudios.com/

password: Resort24

Before the update

------------------------------------------------------------------------

AFTER the the update: 

[AmeraStudios]

Hello Webdep, Thanks for reaching out. Yes I've been informed before.

Previously I've just copy and paste to the custom code on: Theme.min.css (works very well until the new Baseline theme version update) and now doesn't work that way. I need some help to place my previously configurations. where to copy and paste.

Thanks for your all suggestions,

Best regards

Ameerah

[AmeraStudios]

Hello @webdep , I really appreciate your help. 

Regarding the issues I mentioned. Here are the codes assets from my theme.min.css file that were working before. I updated to Baseline 3.2.1. and this assets dont exist anymore. My question is: can i use this customization codes to this new update? if yes? where? can i place this and, if is there some modification what can i modify? Thanks for any help.

Best regards,

Ameerah

@media (max-width:767px) {

.template-product #

shopify-section-header{

position:fixed !important;

top:0;

left:0;

right:0

}

section[data-section-type="header"] header{

background:transparent !important

}

}

select.locale-selectors__selector {

    font-size: 13px !important;

}

html, body{overflow-x: hidden!important;

}

section.absolute.top-0.left-0.right-0.z-50 {

    position: fixed !important;

    top: 0 !important;

    background:transparent !important;

}

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

section.absolute.top-0.left-0.right-0.z-50 {

    position: fixed !important;

    top: 0 !important;

    z-index: 1 !important;

}

}

.splide__pagination--product {

  position: absolute;

  bottom: 10px;

  left: 50%;

  transform: translateX(-50%);

}

.splide__arrows {

display: none;

}

@media (max-width:2560px){

.template-product #shopify-section-header{

position:fixed !important;

top:0;

left:0;

right:0

}

section[data-section-type="header"] header{

background:transparent !important

}

  .pb-theme {

    padding-bottom: var(--spacing);

    @media (max-width:1024px){

section[data-section-type="header"]{

position:absolute !important;

top:0;

left:0;

right:0

}

section[data-section-type="header"] header{

background:transparent !important

}

}

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

section.absolute.top-0.left-0.right-0.z-50 {

position: fixed !important;

top: 0 !important;

background:transparent !important;

}

}

[devcoders]

Hello @AmeraStudios 

Please create a list of all the tasks and send it to me. I will review them and make all the necessary changes. Also, share your WhatsApp number so we can discuss all the tasks.

[AmeraStudios]

Hello @devcoders, thanks for your message. You can see here all I’ve mentioned. Thanks again for the support. 

Best regards 

Ameerah