mobile view "post" buton

Greetings,
I've got an issue on posting comments wich apear only on mobile use ( you'll not see this in mobile view of the descktop browser ). The "Post" comment buton is covering the camera icon, icon used to post a picture as comment. see attashment made on a real mobile phone screen.

P.S. This issue apear on all gavick templates made for jomsocial.

Hi

Really hard to guess, but please try this:

Code: Select all

@media only screen and (max-width:479px) {
.joms-button--comment {
    bottom: auto;
    padding: 6px 0;
    position: relative;
    right: auto;
}
}


It doesn't work

Hi

Are You sure ? I've just checked and looks like button is below after all.

Greetings,
I've be checking with mobile on my hands ... It's not like in the screenshot. Please advice.
regards

Hi

Than I'm afraid I do not know what to do since the override surely is showin ok on my iPhone4 and iPhone5c. What phone are You using? Maybe I'll try to use some emulator to see wy it's not working there.

Samsung galaxy s4 mini 960 x 540

Anyway, the idea is to make it work on diffrent mobiles screen resolutions ...

Hi

Our code depends from screen width, not a device. iPhone5 has 320px in portfolio mode, so if it's showing ok for this screen it should work on other devices.

But indeed I can see the problem when I check mentioned device. I've send this problem to programmers, will let You know as soon as they will answer.

I think .joms-icon--add is the problem ... please investigate and advice.
Thank you

Hi

I do not thinks so. Anyway just saw an answer from programmers:

Please add this code to css:

Code: Select all

@media only screen and (max-width:479px) {
    .joms-comment__reply > svg {
        right: 20px!important;
    }

    .joms-comment__reply > span {
        display: block!important;
        padding: 5px 0;
    }

    .joms-button--comment {
            bottom: auto;
            left: -2px;
            position: relative;
            width: 100%;
    }
}


also this code has to be removed:

Code: Select all

.joms-no-touch .joms-comment__reply span {
    display: none;
}


Greetings,
I didn't found the latest code you post in overide.css to remove. Please advice.
The first code allready add it to overide.css

thank you

Hi

I haven't added this code, just posted it here on forum, so please try it. Programmers haven't specified where the part to remove is, so can't tell for sure, but this code is to hide this button, so if it's showing than no need to remove it.