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,
|
|
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.
|
|
customer review link is solved
|
|
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
|
|
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
|
|
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
|
|
hi support,
i added the extra css but nothing changed tried refreshing several times but stil the same.
what did i do wrong
thanks
|
|
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
|
|
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.
|
|
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
|
|
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
|
|
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
|
|
Hi,
thank you, perfect, happy with it.
|
|
Glad we’ve managed to help, Chris!
BR,
ThemeBurn team
|
|