This topic has 2 voices, contains 3 replies, and was last updated by  TB Support 4265 days ago.

Intro slider image not in the center on mobile and tablet

Tagged: , , ,

ThemeBurn Support › Forums › OpenCart Themes › Shoppica 2 OpenCart Theme › Intro slider image not in the center on mobile and tablet

This topic has been marked as not resolved.

Hello support,

My intro slider image is not shown in the center on my mobile and tablet.
On all webbrowsers it is shown correctly.
*Also the banner image is not correct on the tablet.
Check the attached screenshots.

I noticed this issue after screen.css customization, i changed it into these codes:

– in line 2917-2926 –

#intro {
  clear: both;
  margin-bottom: 22px;
  padding-top: 30px;
}
#intro_wrap {
  background-image: none !important; /* removes the texture */
  background-color: transparent !important; /* removes the color */
}

– in line 3120-3126 –

#image_intro {
  width: 940px;
}
#image_intro_preview {
  margin: 0;
  padding: 0;
}

Any idea?
 jeffalexander
August 15, 2012 at 3:46 pm #12514
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
 TB Support
August 20, 2012 at 10:39 am #12678

Thank you support.
It is almost correct.

Browsers > Ok
Mobile horizontal > Ok
Mobile vertical > Ok
Tablet horizontal > Ok

Tablet vertical > Not Ok
Check attached screenshot. The second banner is not on the same position.

Any tips? I changed the codes like this:

Line: 4963-4965 (code adjustment)

#image_intro {
    width: 700px !important;
    padding-bottom: 20px;
}

Line: 5344-5354 (code adjustment, margin bottom 20px)

#intro {
  clear: both;
  margin-bottom: 20px;
  padding-top: 30px;
  background: none;
  background: url(../images/border/box_border_.png) top left repeat-x;
  padding-top: 20px;
}

Line: 5428-5430 (code adjustment)

#image_intro {
  width: 280px !important;
  padding-bottom: 0px;
}

Line: 5940-5942 (code added)

#image_intro {
  width: 440px !important;
}

 jeffalexander
August 23, 2012 at 8:40 pm #12860
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
 TB Support
August 28, 2012 at 10:38 am #12968
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.