How to make twenty seventeen menu icon and text black color when layout is resized

By default, when you resize the screen using chrome responsive emulator, the menu bar cannot be seen because it is white, and the background is also white.

Solution is to change it to black by pasting this css code into the Additional CSS section of customization for twenty seventeen:

.menu-toggle {
    color: #000;
}

@media screen and (max-width: 768px) {
    .navigation-top .menu > .menu-item > a {
        color: #000;
    }
}

How to remove Powered by wordpress and insert your own Copyright message

Go to namecheap and goto cpanel. Open file manager and goto:

androidresearch.net/wp-content/themes/twentyseventeen

In there, edit footer.php as follows:

Step 1:  Comment out the php line in line 42
Step 2: Insert your copyright notice in line 44.

For crackinglessons.com did this:

How to make posts full width in wordpress twenty seventeen

Paste this css in the customized css section of twenty seventeen:

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
   max-width: 1000px;
}

.page-one-column .panel-content .wrap {
   max-width: 1000px;
}

@media screen and (min-width: 48em) {
    .blog:not(.has-sidebar) #primary article,
    .archive:not(.page-one-column):not(.has-sidebar) #primary article,
    .search:not(.has-sidebar) #primary article,
    .navigation.pagination,
    body.blog .site-content .page-header,
    body.archive .site-content .page-header,
    body.search .site-content .page-header {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        width: auto;
    }
}

References:

[ Sheriziya's solution works: ]

https://wordpress.org/support/topic/making-the-blog-page-one-columnfull-width/

Add new post in PhoneGap Build Forum

Added new post in PhoneGap Build forum promoting my new book:

How to Admob your PhoneGap Apps

and my app:

PhoneGap AdMob Guide

https://forums.adobe.com/ideas/11110

How to make navigation bar sticky i.e. fixed to the top when you scroll

[ Not working when logout of admin ]

Install this plugin:

Sticky Menu (or Anything!) on Scroll
By Mark Senff

Then, follow his instructions here:

https://www.wpbeginner.com/wp-themes/how-to-create-a-sticky-floating-navigation-menu-in-wordpress/

Below, I describe what I did.

Open your page and inspect source. Look the the div of the navigation bar.

In my case it is as shown below:

Copy the class and paste it in the settings for the plugin:

Since it is a class, you need to put a .  in front.  If it is an id, put a # prefix.

Test

How to disable wordpress comments

I used the discussion settings on each post.

Reference:

https://kinsta.com/knowledgebase/wordpress-disable-comments/

How to add contact form to wordpress

Install the plugin Contact form 7.
Then install the plugin

Then goto https://www.google.com/recaptcha  to generate a pair of keys.

Copy and paste those keys into the plugin for form 7 captcha.

Copy and paste the form 7 captcha plugin short-code into form 7 plugin:

Paste contact form 7 into your contact page:

Test

How to insert short codes into a page

If you’re using the Gutenberg editor, then click on the + sign, search for “shortcode”, then add the Shortcode block.

Reference:

https://themeskills.com/how-to-add-shortcodes-wordpress-post-page/

Where to get free pics

Go to https://unsplash.com/