New Landing How can we help? Themeforest Theme Support Supreme Bug and differences between mobile devices and computer…

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Supreme
  • #155713
    azura_404
    Member
    Post count: 39

    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.
    #155838
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    #155853
    azura_404
    Member
    Post count: 39
    This reply has been marked as private.
    #156150
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    #156176
    azura_404
    Member
    Post count: 39

    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

    #156181
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    #160134
    azura_404
    Member
    Post count: 39
    This reply has been marked as private.
    #160139
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please explain your issue in detail.
    Thanks
    Mohammad

    #160395
    azura_404
    Member
    Post count: 39

    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

    #161222
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    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

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register