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

responsive problems

ThemeBurn Support › Forums › OpenCart Themes › Shoppica OpenCart Theme › responsive problems

This topic has been marked as resolved.

hello support,

My website looks good on a big screen, but going smaller it gets very ugly.
I don,t understand the correct settings for this.
Do you have a explanation or manuel for this.

My website is:

Thank you,
 chrisoosting
May 5, 2017 at 1:21 pm #58834

Is it possible to only show the menu in mobile view, i think that is easier than getting all the piuctures in the right format.

But i have a next problem, the cutomer review link is not working, how can i fix that.
 chrisoosting
May 14, 2017 at 3:52 pm #59050

customer review link is solved
 chrisoosting
May 14, 2017 at 6:59 pm #59057

Is it possible to only show the menu in mobile view, i think that is easier than getting all the piuctures in the right format.

Can you please provide some more information? For the moment we are not able to fully understand your request. If appropriate, you can attach some screenshots to better illustrate, what exactly you mean.

BR,
ThemeBurn team
 TB Support
May 17, 2017 at 10:20 am #59086

I send a screenshot.
You see how the big round price tag is in the wrong Place.
How to put IT in a other place, and make IT smaller.

Thanks in advance

Gr,
Chris
 chrisoosting
May 30, 2017 at 12:57 pm #59487

Hi Chris,

Here is some extra CSS that will move the price up and will reduce its size:

@media (max-width: 768px) {
  .tb_listing:not(.tb_compact_view) .product-thumb .price,
  .tb_listing:not(.tb_compact_view) .product-thumb .price >:not(.price-old)
  {
    width:  50px !important;
    height: 50px !important;
    line-height: 50px !important;
  }
  .tb_listing:not(.tb_compact_view) .product-thumb .price {
    margin-top: -60px !important;
  }
  .tb_listing:not(.tb_compact_view) .product-thumb .price > :not(.price-old) {
    line-height: inherit !important;
  }
  .tb_listing.tb_list_view .product-thumb .description {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

Add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.

BR,
ThemeBurn team
 TB Support
May 31, 2017 at 5:20 pm #59523

hi support,

i added the extra css but nothing changed tried refreshing several times but stil the same.

what did i do wrong

thanks
 chrisoosting
May 31, 2017 at 6:14 pm #59525

Hi,

Can you please check the extra code again? Do you have theme cache turned ON? You may need to clear it.

We’ve added the above code from the browser’s developer console and it works fine:

http://i.imgur.com/A8zLnPo.png

BR,
ThemeBurn team
 TB Support
June 5, 2017 at 12:02 am #59629

hi,

you are right, on a phone its oke, but when it get any bigger its on the wrong place.
And when you switch to grid its on the wrong place also.

i have set everything to grid now so it looks better, but some pages i want to set to list, but that is not working, when i set a page to list, it stays grid.
 chrisoosting
June 5, 2017 at 1:25 pm #59640

Hi,

You can reduce the media query max size to target devices with smaller screen, e.g:

@media (max-width: 480px) {

Please check the above code.

BR,
ThemeBurn team
 TB Support
June 5, 2017 at 1:52 pm #59642

Hi,

thanks for the quick response but ive tried that and its not good on all sizes, and when i switch to grid the price icon is in the wrong place.
Is it possible to put the price icon in the bottom next to the shopping cart and dant use the bleu icon.
if not than no problem than i leave it to grid and replace the template when i have the time.

thanks
 chrisoosting
June 5, 2017 at 2:33 pm #59648

Hi,

Here we’ve published some custom code to remove the label style of the price and leave it as a text:

http://support.themeburn.com/topic/modify-the-price-display-2#post-57166

BR,
ThemeBurn team
 TB Support
June 9, 2017 at 12:08 pm #59742

Hi,

thank you, perfect, happy with it.
 chrisoosting
June 9, 2017 at 12:45 pm #59746

Glad we’ve managed to help, Chris!

BR,
ThemeBurn team
 TB Support
June 9, 2017 at 1:15 pm #59748
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.