How can I adjust the banner button position and make banner clickable in Dawn theme?

[Jejess]

Hi,

I’m attempting to shift the button slightly lower, but this adjustment disrupts the layout, causing the button to touch the edge of the image, which is not the desired outcome. Additionally, the image banner appears zoomed in mobile view.

I want something like this: the “Shop Collections” button to be positioned right in the center with some space at the bottom.

I have two questions:

1. How can I move the button to the center without it touching the edges of the banner and without covering my text, especially in mobile view?

2. Is there a way to make the entire banner clickable without relying on the button?

www.jedazzle.com

Thank you for your help.

[Dan-From-Ryviu]

Please add this code at the bottom of your base.css file in Online store > Themes > Edit code

.banner__buttons .button,
	.banner__buttons,
	.banner__box,
	.banner__content {
		width: 100%!important;
		height: 100%!important;
		max-width: 100%!important;
		padding: 0!important;
		position: absolute!important;
		top: 0px;
		left: 0px;
		opacity: 0;
		bottom: 0px;
		right: 0px;
		margin: 0px !important; 
	}