As the topic suggests. My website works perfectly on desktop version. As soon as I test it on my iPhone or iPad, almost 50% of the design (font, colors, images, etc) does not work.
Ive tried on multiple devices so it has nothing to do with my smartphone.
BUT! As soon as I exit mobile version to desktop version on my iPhone, the website looks perfect again, just as it does on PC.
Whats the issue here? I use the Astra template.
Thank you for your help.
]]>I added some code into style.css to show “Add to wishlist” depending on display the site is opened at. For example, I want it to show the text on PC display, however I only want the heart icon on mobile. I already did that.
However, I want the text to show up ONLY on single product page, but NOT in the categories page.
This is the code I added:
.woocommerce
.thunk-product-hover
a.add_to_cart_button.ajax_add_to_cart::before {
content: "\f07a";
font-family: "FontAwesome";
font-size: 15px;
color: white;
position: absolute;
width: auto;
height: auto;
text-align: center;
}
@media screen and (max-width : 1000px) {
.woocommerce .thunk-product-hover a.add_to_cart_button,
.woocommerce .thunk-product-hover .thunk-wishlist a.add_to_wishlist,
.thunk-wishlist .yith-wcwl-wishlistaddedbrowse,
.thunk-wishlist .yith-wcwl-wishlistexistsbrowse,
.thunk-compare .compare-button a.compare.button,
.woocommerce .thunk-product-hover .button.th-button,
.woocommerce ul.products li.product .button,
.thunk-product-hover .thunk-quickview a {
display: block;
font-size: 0px;
padding: 0;
position: relative;
vertical-align: top;
height: 35px;
width: 60%;
line-height: 35px;
border-radius: 0;
border: medium none;
margin: 0;
margin-right: 4px;
float: left;
letter-spacing: initial;
color: #000;
background: #ff0000;
text-align: center;
font-weight: normal;
border-radius: 50px;
margin: auto;
}
}
@media screen and (min-width : 1001px) {
.woocommerce .thunk-product-hover a.add_to_cart_button,
.woocommerce .thunk-product-hover .thunk-wishlist a.add_to_wishlist,
.thunk-wishlist .yith-wcwl-wishlistaddedbrowse,
.thunk-wishlist .yith-wcwl-wishlistexistsbrowse,
.thunk-compare .compare-button a.compare.button,
.woocommerce .thunk-product-hover .button.th-button,
.woocommerce ul.products li.product .button,
.thunk-product-hover .thunk-quickview a {
display: block;
font-size: 0px;
padding: 0;
position: relative;
vertical-align: top;
height: 35px;
width: 50%;
line-height: 35px;
border-radius: 0;
border: medium none;
margin: 0;
margin-right: 4px;
float: left;
letter-spacing: initial;
color: #000;
background: #ff0000;
text-align: center;
font-weight: normal;
border-radius: 50px;
margin: auto;
}
}
@media screen and (max-width : 1000px) {
.tinv-wraper.tinv-wishlist {
font-size: 0;
margin-top: 7px;
text-align: center;
width: 40%;
margin-left: 20px;
}
}
@media screen and (min-width : 1001px) {
.tinv-wraper.tinv-wishlist {
font-size: 15px;
margin-top: -7px;
}
}Thank you for your help
]]>Somewhat of an odd problem. Our website has featured images/thumbnails that used to show up on PC and mobile but now they no longer show on PC. Actually, to be specific, they don’t show when the window is enlarged on PC. If you change the window size to something smaller, the images show. Also, when the window is enlarged, only the last image of the featured images on the website only shows. We tried disabling plug-ins, Chrome, Safari, etc., and tried using the healthcheck plug-in too and searched on the internet but couldn’t find anything with this odd problem. Any help would be sincerely appreciated. Please let me know if you need any additional information to help us with this weird issue.
Thank you!
]]>I’m using Lightroom on Mac. Both the Lightroom and the OS are fully updated.
I’m in touch with Support, but no success yet. Just wondering if someone has already dealt with this and found a solution.
]]>����� �ӧڧէ֧� ���� �ߧ֧ӧ����ڧ��ڧ� ���֧ҧ� ��ѧܧ�ӧ�� �ܧѧ� ��ߧ� �֧���, �է� �ߧ� �ӧ�� ��ѧ� ��ݧ���. ���� �ӧ� ����ާ���ڧ�� �ӧ� �ܧ��� �� ��ӧڧէڧ�� �ߧѧ�ܧ�ݧ�ܧ� �ӧ�� �ܧѧ�ڧ���� �� ��ѧ��ѧ�ѧ��. ����֧� �� ���ڧҧݧڧا֧ߧڧ֧� ��֧�ڧ�
���ݧѧԧ�էѧ�� �٧� �����ާ����!!!
]]>