How can I make the mobile menu image full width and scrollable on Impulse theme?

[Luxurymrkt]

Hi all,

im trying to make the image full width but also scrollable like image 1. If I put the image after the scrollable tag it makes the image same size as the menu width my site is https://luxurymrkt.com. Any help would be appreciated thanks mike.

below is the size when below scrollable

[KetanKumar]

@Luxurymrkt

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 750px) {padding: 0 !important;}

[LitCommerce]

Hi @Luxurymrkt ,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (max-width: 750px) {
	#NavDrawer .drawer__scrollable {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

Hope it helps!

[Luxurymrkt]

Hi this made the whole scrollable full width. I just want the picture/gif full width. The menu items keep as is. Thank you

[Luxurymrkt]

Hi this made the whole scrollable full width. I just want the picture/gif full width. The menu items keep as is. Thank you

[LitCommerce]

Hi @Luxurymrkt ,

Please change code:

@media only screen and (max-width: 750px) {
  #NavDrawer .drawer__scrollable {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #NavDrawer input.input-group-field {
    margin-left: 20px;
    margin-right: 20px;
  }
  #NavDrawer .mobile-nav {
    padding-left: 20px;
    padding-right: 20px;
  }
}

it will display like this:

[Luxurymrkt]

Perfect! Thanks so much