Bug and differences between mobile devices and computer…

[azura_404]

Hello there,

I noticed a differences between the website on mobile and the same on firefox/chrome.

Here a pics :

On mobile phone (safari) it’s great on the slider, the image as its real size and there is some transparency under the title and “read more”. Great

But on firefox and Chrome :

The image is cropped and there is no transparency. Can you tell me how can I corrected this problem to be like on a mobile phone?

2 bugs :

– When I put a google Adsense ad in the header, it doesn’t work in a responsive way.

– Also, there is an issue with titles on mobile phones at the end of articles, take a look to the attachments.

Hope it helps.
Best from France.

JP

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please always provide specific page url with issue.
Thanks
Mohammad

[azura_404]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,

1- Please use this custom css code:-

#posts-slider .flex-caption {
background: rgba(255,255,255,0.4) !important;
}`

2- Have you created responsive code at https://support.google.com/adsense/answer/185668?hl=en.

3- Please use this css code:-
.pagination-wrap .nav-previous {
max-width: 100% !important;
white-space: normal !important;
word-wrap: break-word !important;
}`

Thanks
Mohammad

[azura_404]

Hello,

It works great for the slider but not for this one on mobile phone :

.pagination-wrap .nav-previous {
max-width: 100% !important;
white-space: normal !important;
word-wrap: break-word !important;
}`

Best
Thank you so much

[Mohammad – SUPPORT]

Hi,
It would be better to remove Post title and replace with Next and Prev text.
Thanks
Mohammad

[azura_404]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please explain your issue in detail.
Thanks
Mohammad

[azura_404]

Look at the image of my last article about Doc Martens how it is in the slider : http://lespuristes.com/

I would like to force the placement to go up by 15/30 pixels every image in the slider.

Thank you so much

[Swift Ideas – Ed]

Hi there,

Add this custom css and you can adjust the image position:

@media only screen and (min-width: 980px) {
#posts-slider ul.slides > li > img {
margin-top: -30px;
}
}

– Ed