How to change "Publish Comment" button width on mobile device

Posted in: Newspaper
Post count: 18
adnan
#165476
Mar 31, 2017 at 3:42 pm

Hi,

i am using a plugin for upload photos form users on comments, every thing work fine but the upload button looking bad in mobile device. You can look in : https://goo.gl/A6n3dT the upload button showing in same line on PC but when user come form a mobile device the upload icon move down after the “Publish Comment” button.

I consult to Plugin author and he advise me:

It depends on the template CSS, it seems from the screenshot the button style is made full width does the button is brought to the bottom, you can consult your theme provider to see if they can advise on the post comment button on mobile.

Thanks

Post count: 20688
Simion C.
#165488
Mar 31, 2017 at 4:48 pm

Hi,

Well you could try this code and make the button half the size – https://www.screencast.com/t/O573ZCCNCBsQ and change the font size also on smaller devices. If you only want to modify the width, simply remove the line modifying the font. This is the code used, you must enter it in Theme panel->Custom Css

@media (max-width: 767px) {
.comments .comment-form .submit {
width: 50%;
font-size: 12px;
}}

Thanks

Post count: 18
adnan
#165490
Mar 31, 2017 at 4:59 pm

It,s work!

Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.