Lightbox issues on mobile devices
-
Hi,
LightBox is perfectly working on desktop, but when I tried browsing using a mobile device images were not displayed.
How can I fix this?
Thank you,
Mark
-
Hi,
I am trying to solve it until now, but I am having a hard time. Below are the code (or how do you call them)
.catablog-row .catablog-images-column .catablog-image img {
float: none;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
}
.catablog-row img.catablog-image, .catablog-row .catablog-image img {
display: block;
float: left;
height: auto;
}
img {
border: 0 none;
height: auto;
max-width: 100%;
vertical-align: middle;
}
a {
color: #e10707;
}
body {
color: #5a5a5a;
}
body {
font-family: “Helvetica Neue”,Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;
}
html {
font-size: 100%;
}I tried changing as per the link you shared, still can’t view products from my iPhone. I need your help. my site is http://www.kelebekuae.com
Thank you,
Mark
Hi Mark, how did you configure your CataBlog items? Please read through some of the following tutorials. They will give you plenty of information on how to set up CataBlog. Once you have checked the URL above then we can focus on your responsive layout.
Thank you
Hello! Let me review the tutorials you’ve shared and if necessary I will re-install CataBlog and will contact you again.
Thank you,
Mark
Hi Mark, how are you trailing along with this issue?
Regards
Hi! Lightbox is now working on mobile.
Is it possible to change the font color of the image’s description that is written on the lightbox?
Thank you,
Mark
Hi Mark, go to the following URL and read number 1.
Thank you
Hi! The code was added but still text are not showing on lightbox. What am I doing wrong? Please see .css file below:
[Huge amount of code deleted – that’s way too much code to post in the forums – please see:
http://codex.ww.wp.xz.cn/Forum_Welcome#Posting_Code and use a pastebin.]Hi Mark, can you share your URL.
Thank you
Hello! Good morning! Here is my site: http://www.dogtasuae.com
To be specific go to this page: http://dogtasuae.com/product/living-room/
Images are showing, but the description under the lightbox I think is in white color. All I want is for it to be visible.
Thank you,
Mark
Hi Mark try the following code.
#catablog-lightbox-meta .catablog-lightbox-desc { color: #000000; line-height: 1.5; position: relative; }Notice the following color: #000000;
I selected black font color because it seats great on a white background. You might like to choose your own color.
Regards
Thank you so much! It is working now.
Hi! It is working fine in Chrome and IE, but not in Firefox.
Any compatibility issues with Firefox?Hi I just checked in Firefox it appears you have not added the code in the right place.
It is working now on all 3 browsers. As I can see only the description is displayed in black font color, but the main title is still in white font.
Is there a separate code for that?
The topic ‘Lightbox issues on mobile devices’ is closed to new replies.