How to put the slider in full width in mobile devices - Acme Themes

This topic has 3 replies, 3 voices, and was last updated 6 years, 1 month ago by Acme Themes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 19, 2018 at 3:06 am #27027

Nicolas
Participant

Hi,

Im triying to put the slider in the main area of the theme to show it in full width in mobile device.

I tried to do in so many ways and cant do it. Can you help me?

I have this ccs code:

/*100% width slider in mobile*/
@media screen and (max-device-width : 760px)
{

#content > div.wrapper{
width:100% !important;
padding:0 0 !important;
border-width:0 !important;

}

}

Thanks for everything!

March 19, 2018 at 10:22 pm #27077
Acme Themes
Keymaster
Hello Nicolas,

Can you try this CSS
```
div#content {
    width: 100%;
}

.site-content aside {
    max-width: 1200px;
    margin: 0 auto;
}
```
We are not sure if the provided CSS code work well, We suggest you to create child theme and modify the theme, you can hire developer or hire us to customize the code.

Thanks!
March 21, 2018 at 10:17 am #27134

kdcab
Participant

Hello everyone,
Thanks For This Sharing This.

March 24, 2018 at 7:35 pm #27407

Acme Themes
Keymaster

closing this thread!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to put the slider in full width in mobile devices’ is closed to new replies.