Mobile Cover Size

  • Posted in : BookCard
  • abeham
    Participant

    I removed the title text and put it instead on a cover page image.
    When the image is resized for mobile the text in the image cannot be seen.

    Where can I modify the cover image resizing code to make more of the image visible on mobile?

    or would it be easier create a seperate cover image file that is sized differently to load in mobile?

    chamberscooling.com

    abeham
    Participant

    OK so I found your code to change the image file for mobile, tried it with an image with smaller dimensions and it just upscaled it to the dimensions given by the CSS.

    So I need to change how it’s resized (so more of or the whole image is viewable)

    abeham
    Participant

    so I added

    @media screen and (max-width: 479px)
    {
    /* Front Cover Image */
    .cover { position: relative; z-index:1000; width:100%; height:100%; overflow:hidden; background-position: center center; background-repeat: no-repeat; background-size: contain;}
    .rm-cover .cover { background-image: url( “/images/site/cover.jpg” ) !important; background-size: 560px 730px;}

    and found that helped but its not perfect

    serkan
    Moderator

    Hi,
    Thanks for the feedback.

    abeham
    Participant

    can you provide a better solution?

    serkan
    Moderator

    Hi,
    The resolutions of mobile devices are different. The cover image will resize at the most optimal level. The css code that you type appears to be a valid solution for now. If we can find a better solution, I will inform you.
    Thanks for your understanding.

    fero92
    Participant

    I customized my theme and when I go on my website in my mobile devices it does not work the only thing that shows is the cover page and when I open it nothing shows
    my website is http://www.mylifeinawheelchair.com
    can you please help me

    fero92
    Participant

    hey
    I customized my theme with my information and pictures but when I go on my website in my mobile devices it does not work the only thing that shows is the cover page and when I open it nothing shows
    my website is http://www.mylifeinawheelchair.com
    I will appreciate if you can you please help me

    serkan
    Moderator

    Hi,
    I will forward this topic to our developer and i will keep you updated.
    Thanks

    fero92
    Participant

    hey,
    thank you s but I will appreciate if you could help me as soon as possible please

    serkan
    Moderator

    Hey,
    I will keep you updated as soon as possible.
    Thanks for your patience.

    fero92
    Participant

    hello Serkan,
    do you know how long it will take to check my problem
    because I have to have it working by August 10
    I will appreciate if you could check it soon please
    I customized my theme with my information and pictures but when I go on my website in my mobile devices it does not work the only thing that shows is the cover page and when I open it nothing shows
    my website is http://www.mylifeinawheelchair.com

    serkan
    Moderator

    Hi,
    I will send a reminder to our developers and i will tell them it is urgent.
    Thanks

    fero92
    Participant

    hi
    any news?

    serkan
    Moderator

    Hi fero92,
    Thanks for your patience. I will keep you updated as soon as possible.

    ahmetsali
    Keymaster

    Hi, your page slugs and ids on your index.html page should match and must be valid url format, I have just fixed the issues, you can download the updated file below;

    https://drive.google.com/file/d/11WyNO1O7jsdHa94iLDoiw9PwHpvFsHgH/view?usp=sharing

    Cheers.

    fero92
    Participant

    thank you it is working great

    ahmetsali
    Keymaster

    you’re welcome ;) please don’t forget to rate the theme on themeforest if you liked it, thanks.

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

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

License required for the following item
Login and Registration Log in · Register