How can I eliminate the white bar above my website's header?

Store Design
1

Hi, somehow there is a white bar above the header and there is no setting to remove it. Here is the url: rockspaceworld.com. Can you help me with that?

rockspace_0-1651818121118.png
rockspace_0-1651818121118.png1920×129 10.1 KB

2 Likes
2

Hello @rockspace

Greetings!!

Please follow the steps

  1. Online Store → Themes → Actions → Edit Code → Layout → theme.liquid

  2. Ctrl+f and find “&nbsp”

  3. remove it and save the file then refresh fronted

I hope it will works

3

Hi @rockspace ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
body {
    margin-top: -22.5px;
}

Hope it can help you.

4

Hey @rockspace ,
Welcome to the Shopify community!
You can follow the instruction below:

  1. Go to → theme.liquid

  2. Ctrl+F & find “&nbsp”

  3. Remove it

If you feel like my answer is helpful, please mark it as a solution**.** Let me know if you have any further questions.
Thank you!
Raman
Return Prime

5

@rockspace ,

There is a code for space   You have to remove it from theme.liquid in your store.

search this code in this file.

Online Store → Themes → Actions → Edit Code → Layout → theme.liquid

oscprofessional_0-1651823843980.png
oscprofessional_0-1651823843980.png1358×812 84 KB

6

Hi, I didn’t find “&nbsp” in theme.liquid.

7

Hi, I didn’t find “&nbsp” in theme.liquid.

8

@rockspace ,

Check there is space below the body tag. remove that space…

9

rockspace_0-1651826645596.png
rockspace_0-1651826645596.png726×282 6.94 KB

Here? When I search ‘body’, there isn’t much results. Sorry, I know little about coding.

10

@rockspace ,

Remove this space

oscprofessional_0-1651827600859.png
oscprofessional_0-1651827600859.png1542×683 34.5 KB

11

@rockspace ,

please let me share your theme.liquid

12

I removed the space, but the white bar is still there.

13

@rockspace ,

please let me share your theme.liquid

14

How can I share the theme.liquid with you?

15

@rockspace ,

copy the code and paste in private msg.

16

@rockspace ,

body.kalles_2-0.lazy_icons.min_cqty_0.btnt4_style_2.zoom_tp_2.css_scrollbar.template-product.js_search_true.cart_pos_side.kalles_toolbar_true.hover_img2.swatch_style_rounded.swatch_list_size_medium.label_style_rounded.wrapper_full_width.header_full_false.header_sticky_true.hide_scrolld_false.des_header_3.h_transparent_false.h_tr_top_false.h_banner_false.top_bar_false.catalog_mode_false.cat_sticky_false.prs_bordered_grid_1.prs_sw_limit_false.search_pos_full.t4_compare_false.dark_mode_false.js_search_type.rtl_false.lazyloaded.shopify-ready.calc_footer_sticky {
    position: relative;
    top: -23px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

17

Hi, thanks for your help. I added the code, but the problem is still not solved.

For your information, the white bar is on the homepage, collection pages, and promotion page, but not on the Support page, FAQ, etc.

18

@rockspace ,

body.kalles_2-0.lazy_icons.min_cqty_0.btnt4_style_2.zoom_tp_2.css_scrollbar.template-product.js_search_true.cart_pos_side.kalles_toolbar_true.hover_img2.swatch_style_rounded.swatch_list_size_medium.label_style_rounded.wrapper_full_width.header_full_false.header_sticky_true.hide_scrolld_false.des_header_3.h_transparent_false.h_tr_top_false.h_banner_false.top_bar_false.catalog_mode_false.cat_sticky_false.prs_bordered_grid_1.prs_sw_limit_false.search_pos_full.t4_compare_false.dark_mode_false.js_search_type.rtl_false.lazyloaded.shopify-ready.calc_footer_sticky {
    position: relative !important;
    top: -23px !important;
}
19

The space is still there.

1 Like
20

Hi @rockspace ,

Can you try my solution above?

Hope it can help you.