Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #107145
    skynet
    Participant

    When i Switching to No sidebar layout this affect my comment field narrower on Mobile and make it resized

    I want comment field to look like this on mobile with no sidebar layout
    https://dl.dropboxusercontent.com/u/7588358/File%2015-01-2017%2C%2018%2003%2024.png

    Now when i switch to No sidebar layout this affect my comment field and get this on mobile, really uncomfortable for end users.
    https://dl.dropboxusercontent.com/u/7588358/File%2015-01-2017%2C%2018%2003%2006.png

    Please help me to this issue!

    #107147
    skynet
    Participant

    I don’t want to switch to “No sidebar Full Width” because i don’t like it on desktop. I want only Full width comment on mobile with “No sidebar Layout“.

    Please help! its look like a bug on my side, because on mobile like iphone we have full width on this layout “no sidebar layout” but not full width on comments field.

    #107152
    skynet
    Participant

    On desktop the comment field is “PERFECT” with “No sidebar layout” https://www.vitamineproteine.com/2014/11/04/proprieta-e-benefici-pomelo/#comments
    The problem is only on Mobile like IPHONE etc please help i want full width comment field just on mobile.

    #107184
    Mahesh
    Keymaster

    @skynet: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    @media screen and (max-width: 767px) {
        .no-sidebar #comments {
    	width: 100%;
        }
    }

    Regards,
    Mahesh

    #107186
    skynet
    Participant

    Mahesh for President!! Work perfect. Thank you very much you make me so happy :))

    Great Mahesh do you think implementng this update in the next update for avoid this problem on mobile?

    #107204
    Mahesh
    Keymaster

    @skynet: Thank you for your appreciation. We’ll look in to it. Have a nice day!

    Regards,
    Mahesh

    #107490
    skynet
    Participant

    Hello great Mahesh, i want the comment field look at maximum width on desktop too using the “No layout sidebar”
    i see this on Sakin blog. Please help. Thank you and have a nice wonderful day!

    #107564
    Mahesh
    Keymaster

    @skynet: Please use the following CSS:

    .no-sidebar #comments {
        width: 100%;
    }

    Regards,
    Mahesh

    #107593
    skynet
    Participant

    Mahesh! Thank you, i removed the old one CSS and I insert this and work perfect both mobile and desktop!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Switching to No sidebar make my comment field narrower on Mobile’ is closed to new replies.