how to make Banner wider on mobile view

Quote

Post by noriferati » Mon Feb 22, 2016 12:07 am

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 2522 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 2522 times

This is how i want it to be.
noriferati
Newbie
Posts
4
Joined
Mon Feb 22, 2016 12:01 am
Top

Re: how to make Banner wider on mobile view

Quote

Post by magikcommerce » Thu Feb 25, 2016 5:07 pm

Could you provide your site URL, so we can take a look at the problem closer?

Browse large collection of Premium OpenCart Themes

User avatar
magikcommerce
New member
Posts
90
Joined
Mon Feb 09, 2015 5:55 pm
Location - San Jose, CA
Top

Re: how to make Banner wider on mobile view

Quote

Post by WayneOB » Sat Feb 27, 2016 8:45 am

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.
WayneOB
New member
Posts
29
Joined
Tue Feb 09, 2016 6:33 pm
Top

Re: how to make Banner wider on mobile view

Quote

Post by viethemes » Mon Mar 07, 2016 9:40 pm

Yes. It is better to solve the problem if we can take a look at your site.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others

User avatar
viethemes
Active Member
Posts
1964
Joined
Thu Jan 08, 2015 12:17 pm
Top

Re: how to make Banner wider on mobile view

Quote

Post by noriferati » Fri Mar 25, 2016 5:49 am

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.
noriferati
Newbie
Posts
4
Joined
Mon Feb 22, 2016 12:01 am
Top

Re: how to make Banner wider on mobile view

Quote

Post by viethemes » Fri Mar 25, 2016 8:38 pm

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.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others

User avatar
viethemes
Active Member
Posts
1964
Joined
Thu Jan 08, 2015 12:17 pm
Top

Re: how to make Banner wider on mobile view

Quote

Post by noriferati » Mon Mar 28, 2016 11:00 pm

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?
noriferati
Newbie
Posts
4
Joined
Mon Feb 22, 2016 12:01 am
Top

Re: how to make Banner wider on mobile view

Quote

Post by viethemes » Wed Mar 30, 2016 7:59 pm

Could you take a screenshot so I can take a look at the problem closer?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others

User avatar
viethemes
Active Member
Posts
1964
Joined
Thu Jan 08, 2015 12:17 pm
Top

Re: how to make Banner wider on mobile view

Quote

Post by noriferati » Wed Mar 30, 2016 9:46 pm

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 :)

Attachments

index.png

home - index.png (818.55 KiB) Viewed 2317 times

noriferati
Newbie
Posts
4
Joined
Mon Feb 22, 2016 12:01 am
Top

Re: how to make Banner wider on mobile view

Quote

Post by viethemes » Thu Mar 31, 2016 11:21 pm

Did you figured out the problem? I see that the banner is full width now.

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others

User avatar
viethemes
Active Member
Posts
1964
Joined
Thu Jan 08, 2015 12:17 pm
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: No registered users and 6 guests