slideshow banner and text are not fix: dawn theme

Technical Q&A
,

Topic summary

Topic: Adjusting the Dawn theme slideshow (size, spacing, arrows, mobile).

Requests by OP:

  • Fix slideshow banner height/width and make it responsive/attractive.
  • Remove white space between menu and slider.
  • Add navigation arrows to the slider; ensure mobile banner looks correct.
  • Provided store URL and password; screenshots illustrate issues.

Latest update (partial fix):

  • A helper shared a CSS solution to remove the white space by eliminating the header’s bottom border.
  • Steps: Admin > Online Store > Themes > Edit code > Assets (main.css/base.css/style.css/theme.css) > add at bottom: .header-wrapper–border-bottom { border: 0 !important; } and save.
  • Result screenshot shows the spacing removed.

Pending items:

  • Arrows: helper requested the arrows be made visible (not hidden) to add them to the sides; no code provided yet.
  • Banner sizing/responsiveness on mobile remains unaddressed in the thread.

Status: Partially resolved (spacing fixed). Arrows and mobile banner optimizations are still open. Attachments/screenshots are central to understanding the changes.

Summarized with AI on December 20. AI used: gpt-5.
1

Hello,
How can fix the slideshow banner height and width, and make responsive and attractive.

Sohan2198_0-1725477775781.png
Sohan2198_0-1725477775781.png1909Ă—850 217 KB

Points need to change please help.
1: remove the white space between menu and slider
2 need to add arrow on slider like

Sohan2198_1-1725478156806.png
Sohan2198_1-1725478156806.png1317Ă—265 252 KB

  1. mobile banner also

Url:https://www.zisthi.com/
pass:Zisthi0206

1 Like
2

Hi @Sohan2198

Please, make the arrow visible dont hide it. So we can add it on the sides.

Add this one.

1: remove the white space between menu and slider

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.header-wrapper--border-bottom {
    border: 0 !important; 
}

And save.

Result:

Made4uoRibe_0-1725478750874.png
Made4uoRibe_0-1725478750874.png1321Ă—213 46.5 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!