but still the same problem no comment area

please forgive my english

ps: the comment area is showing on another theme

So I am testing out the forum for how it handles images in comments; I am about to respond with my own comment, and include an image. When I click the little ‘picture’ icon in the general area where you write your response….a pop-up window appears and it says, ‘source’ and has a little white editable area where i would assume you would have the filename displayed. But you can’t click the word, ‘source’ and have it go try to get an image from…anywhere. It’s just the word, ‘source’….

Is this normal behaviour? How are we supposed to insert images if it will not let us upload from our computer or even the media library? Surely I am not supposed to type out the image source location in that window myself, by hand….right? Please let me know how to fix this.

Thanks again for all your help!

I would like to rule the way the comment area is displayed or not in single posts according to a specific user meta field.

For instance: When a new post is released > The comment area will show after x days (from the post release date) only to users on custom meta 1 while users on custom meta 2 can see it straight away.

TY

Thanks and keep up the good work!

Nevermind – I just found that I have to click to leave a reply and then I have to know that I am to scroll up so the top whatever is there that cuts off the page, is not in the way of the comment area. And so, when people do not know to do this, they are left to think in the way I first thought – cannot leave a comment. But they can, if they figure out that they have to scroll up – first.

I do not have comments activated on this page https://www.rosstheexplorer.com/how-to-back-up-photos-when-abroad/

I do have comments activated on this page https://www.rosstheexplorer.com/blue-moutnains-and-katoomba-nsw/

When I activate comments the FB plugin moves from the right side of the screen to the bottom of the page. How can I prevent this? I altered the width of the comment area and got the comment area to float left and that did not solve my problem. I also got rid of the “clear:both” text and that did not solve the issue. I have now put the “clear:both” text back in my code.

When there are no comments the widget-area is within site-content. When there are comments the widget area gets moved. How can I prevent this? Is this causing the issue?

Does anyone have any suggestions?

The comment area code is

/* =Comments */

.comments-area {
margin: 24px auto 0;
border-top: 3px solid #eee;
}

.comments-title,
#respond h3 {
font-size: 1.2em;
line-height: 1.36em;
color: #999;
}
.comments-title small,
.comment-reply-title small {
float: right;
}

.comment-list,
.comment-list .children {
list-style: none;
}

.comment-list {
margin: 0;
}

.comment-list > .comment:first-of-type {
padding-top: 0;
border-top: 0;
}

.comment {
margin-top: 26px;
padding-top: 27px;
border-top: 1px solid #eee;
}

.comment-meta {
text-transform: uppercase;
}
.comment-meta a {
color: #666;
}
.comment-meta .comment-author img {
float: left;
border-radius: 50%;
}
.comment-meta .comment-author .fn {
display: block;
font-weight: normal;
margin-left: 74px;
text-transform: none;
}
.bypostauthor > article .fn:after {
content: “\f304”;
font-size: 16px;
left: 3px;
position: relative;
top: -5px;
}
.comment-meta .comment-metadata {
font-size: .8125em;
font-weight: normal;
line-height: 2.09231em;
margin-bottom: 27px;
margin-left: 74px;
letter-spacing: 1px;
color: #999;
}
.comment-meta .comment-metadata a {
color: #999;
}
.comment-meta .comment-metadata a:hover {
color: #1c7c7c;
}

.comments-area .edit-link:before {
display: inline;
margin: 0 7px;
content: ‘ ~ ‘;
}

.comment-form label {
display: inline-block;
width: 109px;
}

.required {
color: #1c7c7c;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
position: relative;
margin: 0 0 27px;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label,
.comment-form-comment label {
font-size: .8125em;
font-weight: normal;
line-height: 2.09231em;
position: absolute;
top: 7px;
left: 0;
padding: 7px 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment input {
display: block;
clear: both;
width: 100%;
margin: 0 0 27px;
padding-left: 100px;
}
.comment-form-author textarea,
.comment-form-email textarea,
.comment-form-url textarea,
.comment-form-comment textarea {

width: 100%;
margin: 0 0 27px;
padding: 54px 14px 7px;
}

.says {
display: none;
}

.form-allowed-tags {
color: #999;
}

.no-comments {
font-style: italic;
margin: 27px 0;
text-align: center;
color: #999;
}`

The index.php code is

<?php
/**
* The main template file.

*
*
* @package Penscratch
*/

get_header(); ?>

<div id=”primary” class=”content-area”>
<main id=”main” class=”site-main” role=”main”>

<?php if ( have_posts() ) : ?>

<?php /* Start the Loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>

<?php
/* Include the Post-Format-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Format name) and that will be used instead.
*/
get_template_part( ‘content’, get_post_format() );
?>

<?php endwhile; ?>

<?php penscratch_paging_nav(); ?>

<?php else : ?>

<?php get_template_part( ‘content’, ‘none’ ); ?>

`<?php endif; ?>

</main><!– #main –>
</div><!– #primary –>

<?php get_sidebar(); ?>
<?php get_footer(); ?>`

The comments.php code is

<?php
/**
 * The template for displaying Comments.
 *
 * The area of the page that contains both current comments
 * and the comment form.
 *
 * @package Penscratch
 */

/*
 * If the current post is protected by a password and
 * the visitor has not yet entered the password we will
 * return early without loading the comments.
 */
if ( post_password_required() ) {
    return;
}
?>

<div id="comments" class="comments-area">

    <?php // You can start editing here -- including this comment! ?>

    <?php if ( have_comments() ) : ?>
        <h2 class="comments-title">
            <?php
                printf( _nx( 'One thought on “%2$s”', '%1$s thoughts on “%2$s”', get_comments_number(), 'comments title', 'penscratch' ),
                    number_format_i18n( get_comments_number() ), '<span>' . get_the_title() . '</span>' );
            ?>
        </h2>

        <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
        <nav id="comment-nav-above" class="comment-navigation" role="navigation">
            <h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'penscratch' ); ?></h1>
            <div class="nav-previous"><?php previous_comments_link( __( '< Older Comments', 'penscratch' ) ); ?></div>
            <div class="nav-next"><?php next_comments_link( __( 'Newer Comments >', 'penscratch' ) ); ?></div>
        </nav><!-- #comment-nav-above -->
        <?php endif; // check for comment navigation ?>

        <ol class="comment-list">
            <?php
                wp_list_comments( array(
                    'style'       => 'ol',
                    'short_ping'  => true,
                    'avatar_size' => 60
                ) );
            ?>
        </ol><!-- .comment-list -->

        <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
        <nav id="comment-nav-below" class="comment-navigation" role="navigation">
            <h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'penscratch' ); ?></h1>
            <div class="nav-previous"><?php previous_comments_link( __( '< Older Comments', 'penscratch' ) ); ?></div>
            <div class="nav-next"><?php next_comments_link( __( 'Newer Comments >', 'penscratch' ) ); ?></div>
        </nav><!-- #comment-nav-below -->
        <?php endif; // check for comment navigation ?>

    <?php endif; // have_comments() ?>

    <?php
        // If comments are closed and there are comments, let's leave a little note, shall we?
        if ( ! comments_open() && '0' != get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) :
    ?>
        <p class="no-comments"><?php _e( 'Comments are closed.', 'penscratch' ); ?></p>
    <?php endif; ?>

    <?php comment_form(); ?>

</div><!-- #comments -->

Since yesterday, the comment box on my whole website is bugged.

Basically, the comment box is in the center, which isn’t a huge problem when using a laptop or bigger screen (but still quite a bit), but is a huge problem with mobile phone because people just can’t comment.

I can’t figure out a way to fix that issue.

Would appreciate your help,

Thanks,

Curtis.

Link to a page where you can see this issue (the problem is actually on every page): https://powerfitfusion.com/entrainement-pyramide-inversee-force/

First:

Recently my menu seems to have been limited and I can not add the items back that used to be there. I am not sure is this is a CSS related issue or something that happened after a recent upgrade.

Second:

On my two recent pages the option for comments seems to be gone.

I have used this theme for several years and never had these issues.
I feel that it is probably something simple that I am missing…just need to be pointed in the right direction.
my blog is
Recent page:

thanks,
Wayne