Comments Icon in Mobile

Hi. The comments icon appears misplaced in the mobile with no apparent reason.

error.PNG

Hi,
can you give us url to your site? It will be much easier to help you.

www.intotheweb.pt

If you acces from smartphone you will see it, right in front page

Please try add this code to css/mobile/smartphone.css at the bottom after last selector

Code: Select all

.itemContainer .itemView header ul{
position:realtive;
}
ul li.itemComments a {
    right: 50%;
}


Done, but still the same...

So...

I checked your smarphone.css file and I don't see code I gave you inside. Did you clear cache after you add this code ?

Yep. Done now

Hi. This is still happening. Can u see if the code its still there?

Thanks

It look's that isn't there. Did you update your template ?

Yep. I Think so. but i've included the code again...

If you are using cache please check if you cleared it after update and added code.

Yes. I did.
In Joomla and in the mobile phone. Can you confirm that the code is there?

Thanks

I see this code:

Code: Select all

.itemContainer .itemView header ul{

}
ul li.itemComments a {
    right: 50%;
}


There is no first rule inside selector. So I think this is the reason why it doesn't work.

Hi

I did exactly as you said...

You said to add this code:

Code: Select all

.weblink-category tr:first-child td { border-top: 1px solid #eee; } /* fix for the table in weblinks */

.itemContainer .itemView header ul{
position:realtive;
}
ul li.itemComments a {
    right: 50%;
}

So i did...

The end turns like this...

Code: Select all

.weblink-category tr:first-child td { border-top: 1px solid #eee; } /* fix for the table in weblinks */

.itemContainer .itemView header ul{
position:realtive;
}
ul li.itemComments a {
    right: 50%;
}

Hi

I did exactly as you said...

You said to add this code:

Code: Select all

.itemContainer .itemView header ul{
position:realtive;
}
ul li.itemComments a {
    right: 50%;
}

So i did...

The end turns like this...

Code: Select all

.weblink-category tr:first-child td { border-top: 1px solid #eee; } /* fix for the table in weblinks */

.itemContainer .itemView header ul{
position:realtive;
}
ul li.itemComments a {
    right: 50%;
}

Still wrong

Wheres the selector goes?

Please change code to this one:

Code: Select all

.itemContainer .itemView header ul{
position:relative;
}
ul li.itemComments a {
    right: 50%;
}


Will work now.

You're kidding, right?

Thats exacly the same code that is already entered...

If you look at this rule:

Code: Select all

position:relative;


you will see that code isn't same. It was misspeling in word 'relative' and this rule wasn't read properly by browser.

What ca i say? Still the same...
How can i see the css code to mobile in chrome firebug?

Thanks

Please juse this plugin for Firefox https://addons.mozilla.org/en-US/firefo ... -switcher/