Have your say in Community Polls: What was/is your greatest motivation to start your own business?

White space and {-sign at the bottom of the page

White space and {-sign at the bottom of the page

SnatchLive
Tourist
8 0 1

Today i realized, that i have a white space at the bottom of my page. the white space at the very end of the page is caused by the sign { that appears there. Can anyone help to delete that sign from there, so that the site is normal again? 

 

i have checked the theme.liquid but could not find and alone standing { on that file.

 

Help please 

 

the site urs is: https://snatch.live

 

Bildschirmfoto 2023-10-05 um 23.01.18.png

Replies 8 (8)

oscprofessional
Shopify Partner
16116 2410 3126

Hello @SnatchLive 

The white space may be caused by a "}" symbol that has been added to your base CSS file or some files.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
SnatchLive
Tourist
8 0 1

Hi @oscprofessional 

 

Yes thats what i already said. But i don't know in which file the "{" symbol is added. i tried to find it, but i could not find any alone standing "{" there...

oscprofessional
Shopify Partner
16116 2410 3126

Hello @SnatchLive 

 

It sounds like you have an extra curly brace "{" at the bottom of your web page, causing unwanted white space. 

 

  1. Check the HTML of Your Page: Inspect the HTML source code of your web page. You can do this by right-clicking on your webpage in most browsers and selecting "View Page Source" or "Inspect" to open the developer tools.

  2. Search for the Curly Brace: In the HTML source code, search for the curly brace "{" that is causing the issue. It may be located at the very end of the code or within a script tag.

  3. Remove the Curly Brace: Once you've identified the curly brace, simply delete it from the HTML source code.

  4. Save and Refresh: Save the changes you made to the HTML source code and then refresh your web page to see if the issue is resolved.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
SnatchLive
Tourist
8 0 1

HI @oscprofessional 

 

Thank you for the description. I have already tried to identify the source code using the browsers inspect tool, and i have also found the brace. 

 

Bildschirmfoto 2023-10-06 um 10.10.39.png

 

But i don't know where and how i can find this now in the code files of shopify.
i have already checked the theme.liquid and base.css files but could not find it. 

Any idea where i can find this in the code files?

oscprofessional
Shopify Partner
16116 2410 3126

Hello @SnatchLive 

Get back up and find "dialog-wrapper" this class after that find this '}'  might be you will solve this.

 

( or )

Check this script where you add and check that area you might find that bracket.

 

//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
SnatchLive
Tourist
8 0 1

Hi @oscprofessional 

 

Where should i search for "dialog-wrapper"? i have used the search field inside the code files and almost search all .liquid files, the footer code, base.css etc. for "dialog-wrapper" but couldn't find it nowhere.

Can you tell me how i can find this in the theme files?

I'm really thankfull for your support!

oscprofessional
Shopify Partner
16116 2410 3126

Hello @SnatchLive 

Get backup of your theme files and find that class.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

SnatchLive
Tourist
8 0 1

Anyone else any idea? i've contacted the support and also two of the installed app supports, but noone can find the cause of that "}" symbol at the end of the page. What can do?

 

Need help please