New updates cannot apply my edits - Baseline Theme 5.2.0

[dxxrek]

Hello, I’ve made a lot of coded updates to my theme and with the recent update, all my edits are not able to be applied.

The two updates I am looking for are a sticky transparent header and adjustments to the page width margins.

See below:

These are my desired edits that no longer work with the new 5.2.0 update.

Currently with the new update - the heads still has a white background and scrolls with the page. And the page width extend all the way to ends of the screen.

Any help is appreciated.

My shop link is www.velvet-labs.us

Thank you,

Derek

[dxxrek]

Also, when I tried to use the previous codes that were provided for me they are either gone from the thread or don’t work. I also can’t find them in the code editor on shopify.

Can someone please help so I can stay to date with theme updates but still keep my edits?

[mastroke]

Hi @dxxrek

Could you please share the store password so we can check your store?

Also, the sticky header option is already available in Customize: pls see the screenshot.

Thank You

[tim_tairli]

Well, if you’ve updated from version 3.x.x to 5.x.x, then it’s quite possible.

Traditionally, change in first number means serious redesign of the product code:
theme designers could completely, change HTML structure and your old code may no longer be valid.
Say, class name used for your custom CSS is no longer used.

I would concur with recommendation to re-check settings present in your theme – theme creators may have added the sticky header option.

If not, or it does not work as you want, then share a more detailed explanation of your needs and preview password – somebody may come up with a fix.

[dxxrek]

Password: RABBIT

Ah I see the sticky header is there but I still want a transparent header not white background.

And I would like to edit the page margins on the side.

[tim_tairli]

Is it the new theme or the older one?
If it’s an old one, can you share a preview link to the new theme?

Also, usually it’s a good idea for the sticky header to still have some kind of background – semitransparent or blur portion of the site underneath the header – it always better to give visitors clear indication where their navigation options are.

[mastroke]

Hi @dxxrek

We checked your header it is already transparent. The CSS is already applied, which makes the header transparent. Please see the screenshot.

If you want to edit the page width, you’ll need to update the CSS below, which is applied only on the homepage. You can search for this class and adjust the padding. Right now, the padding is set to a fixed (hard-coded) value. Check screenshot

main#MainContent {
    padding-right: 100px;
    padding-left: 100px;
}

You can replace the above CSS with the following:

main#MainContent {
    padding-left: var(--section-horizontal-spacing);
    padding-right: var(--section-horizontal-spacing);
}

Your header and footer have 1rem (13px) padding on both sides. The new CSS will align the header, footer, and all other sections properly.

Hope this helps

Thank You

[dxxrek]

Sorry I still have the older version published because all my edits are still there. Do I need to publish the most updated version in order for you provide help?

[tim_tairli]

No, you can share a preview link to this unpublished theme.
Just preview it and there in the bottom right there is a “Copy” button: