Page 1 of 1

how to make Banner wider on mobile view

Posted: Mon Feb 22, 2016 12:07 am
by noriferati
Hi
Can somebody help me to remove space from sides of banner. I want the slideshow banner to be as wide as the sceeen of mobile is.
See the attachments and you know what i mean. I would be so thankful if somebody can tell me how to fix this.
Screenshot_2016-02-21-17-55-45.png

Screenshot_2016-02-21-17-55-45.png (911.21 KiB) Viewed 2528 times

This is how it is now
Screenshot_2016-02-21-17-55-54.png

This is how i want it to be - Screenshot_2016-02-21-17-55-54.png (957.71 KiB) Viewed 2528 times

This is how i want it to be.

Re: how to make Banner wider on mobile view

Posted: Thu Feb 25, 2016 5:07 pm
by magikcommerce
Could you provide your site URL, so we can take a look at the problem closer?

Re: how to make Banner wider on mobile view

Posted: Sat Feb 27, 2016 8:45 am
by WayneOB
There could be several reasons here and depends on your theme css settings.

CSS Settings
The banner width may need be adjusted to;

Code: Select all

width: 100%;
However, there may also be margins and paddings either side of the banner that will need adjusting;
I.e.

Code: Select all

padding: 0 30px;
margin: 0 30px;
These would need to be set to;

Code: Select all

padding: 0;
margin: 0;
The banner may also be nested inside a div container that is set at a specific size. This containers width, padding or margins may need to be adjusted.

As magikcommerce says, difficult to tell without a link to the site.

Re: how to make Banner wider on mobile view

Posted: Mon Mar 07, 2016 9:40 pm
by viethemes
Yes. It is better to solve the problem if we can take a look at your site.

Re: how to make Banner wider on mobile view

Posted: Fri Mar 25, 2016 5:49 am
by noriferati
viethemes wrote:Yes. It is better to solve the problem if we can take a look at your site.
The site is http://www.tuotex.fi
On PC there is no problem only on mobile version i want the slideshow banner to be wider.

Re: how to make Banner wider on mobile view

Posted: Fri Mar 25, 2016 8:38 pm
by viethemes
You can try installing my free extension Extra Positions and add the slideshow to Promotion position to solve this problem. Maybe the extension does not work because you are using a custom theme.

Re: how to make Banner wider on mobile view

Posted: Mon Mar 28, 2016 11:00 pm
by noriferati
viethemes wrote:You can try installing my free extension Extra Positions and add the slideshow to Promotion position to solve this problem. Maybe the extension does not work because you are using a custom theme.
Thanks viethemes! I tried Extra Positions but it works perfectly now only in mobile version. In PC version the slide show banner is not in the right place. Do you have any idea how to fix this?

Re: how to make Banner wider on mobile view

Posted: Wed Mar 30, 2016 7:59 pm
by viethemes
Could you take a screenshot so I can take a look at the problem closer?

Re: how to make Banner wider on mobile view

Posted: Wed Mar 30, 2016 9:46 pm
by noriferati
viethemes wrote:Could you take a screenshot so I can take a look at the problem closer?
Yes.

The banner is now on left and its a little bigger than it was. I want it to be in center.
Ps. On mobile version its perfect. Just like i wanted :)

Re: how to make Banner wider on mobile view

Posted: Thu Mar 31, 2016 11:21 pm
by viethemes
Did you figured out the problem? I see that the banner is full width now.