responsive image show on mobile, button not showing full

hi there,
i have recently set up bluap on my site:
www.cbstau.com

desktop version with no problem however
when viewing on mobile phones.
the image show link button is not showing the text in one line



you can see that there is one letter somehow line breaked into new line

no matter how many letter i put in for the button text (3,4,5)
there is always one letter line breaked

please help!

charlie

Hi

I need You to show me exactly what You have in mind. I've checked Your site on my iPhone, but I do not see anything. Which page should I focus on and which module is it ?

hi teitbite,
thank you very much for replying, sorry the site is in chinese, which is more difficult for you to read.
i have a new screen shot indicating the problem below, letter in red circle should be in the green button box link
here is the screen shot:


------------------------------------------
if i use english for the text there is no such problem, however if i put chinese letters in, it goes like that.
all other module position(gkbottom1,2,3,4) containing the same green button box link, works great with no above problem
since it is the same using the same link style, i guess it is something related to mobile css configuration.
however i cannot figure out what to change in order to fix it.
please help!

Charlie

Hi

I need You to show me exactly what You have in mind. I've checked Your site on my iPhone, but I do not see anything. Which page should I focus on and which module is it ?

sorry forgot to quote you

Hi

I need You to show me exactly what You have in mind. I've checked Your site on my iPhone, but I do not see anything. Which page should I focus on and which module is it ?

sorry to bother again, i have checked the website on several iphones.
my iphone 4 with 7.0.4 and my buddys iphone 5c with 7.0.4 both have the same display problem.
however my colleges iphone 5s with 7.1.2 has no such problem, everything is displaying perfect.
wierd

Hi

This may be a codding problem cutting multi bytes chars into half, but please try to make the button bigger with this code:

Code: Select all

.gkIsWrapper-gk_bluap .figcaption a.button {
    width: 125px;
}


Hi

This may be a codding problem cutting multi bytes chars into half, but please try to make the button bigger with this code:

Code: Select all

.gkIsWrapper-gk_bluap .figcaption a.button {
    width: 125px;
}


just here to reply and say thank you teitbite!
your code fixed up the problem you are the best!

cheers!