News Pro: Add full width responsive header logo without code.

News Pro is a lightweight genesis based theme and perfect solution for blogging sites. This is a child theme, which works with the Genesis Framework. I bought it for my site & properly setup on my blog. The theme looks really good. But by default, you can only use the header logo size 260X90. When we look it, the header logo size feels smaller. You can use full-width responsive logo header by CSS (Custom Style Sheet) modification but for this, you need to edit your News pro theme style sheet. if you don’t want to edit your Stylesheet (style.css) then you can try to use this method.

How to add Full-width responsive header logo in News Pro without any code modification?

Now you have to prepare two logos. First 260X90, and the second way you want. I’m using the logo size 354X73. I have uploaded the same process.
  • First Upload a 260X90 size header logo-
  • Go to Appearance & click on Header option.

  • Click on Add New Image button.

  • Now Upload a Header logo in the dimensions: 260 × 90. Click on Upload Files tab & then click on Select Files button. Choose a Header logo image file from the explorer.

  • After uploading choose logo & click on Select & Crop button. Also, note here that which place is your header logo saved. You can check that place in the URL box.

  • On crop, image page clicks on Skip Cropping.

  • Now Click on Save & Publish button.

  • Now, 260X90 size logo has published successfully.

How to upload Fullwidth Header Logo?

  • Now login to your CPanel Dashboard-
  1. Click on File Manager
  2. Choose the domain from the dropdown menu.
  3. Now select the radio button of the Document root for.
  4. Click on Go Button.

  • Now go to wp-content >> uploads. & find that folder where is header logo store.

  1. Tick the checkbox Overwrite existing files.
  2. Click on browse.
  3. Select the Fullwidth Header Logo image.
  4. Click on Open.
That’s it!

The responsive logo will look perfect on your website.

Post a Comment