[tkabe]

Site I am developing calprogramsautistic.org
I am learning WP and the Catch Everest Theme. I have multiple questions posted.

1. I wish to add an img with hyperlink to just the homepage header – right side. The image I wish to use is found in the right sidebar of all other pages – fundraiser image. When I add this image in the child theme header.php file and I resized the browser window to 1024 x 768 the image is partially cut off and the header image and the fundraiser image are not scaling. When viewed on a mobile device such as iphone the header logo appears at the top and the fundraiser image immediately below that.

1a. Did I place the image in the wrong container or what should have been done different to maintain responsive images.

1b.I think the fixed size noted in number 2 is a concern. If this needs to be manually edited since the theme implemented this size, what file php contains the header image html?

2. I also note in the theme header the header image is added with html height and width which seems counter intuitive if the theme is responsive. I used FF Web Dev Tool bar and inspector on the img tag in the #site-logo and the img file shows up with width 769 x height 125.

2a. Why are dimensions used in the theme html for header img.

2b. Second why does this appear to be responsive even with the dimensions. I tested this on my iPhone portrait and it still works but I would like to understand the theme better.

[Sakin]

@tkabe: Thanks for using Catch Everest Free theme and great that you are doing customization by building child theme. This is good choice. Before I work on supporting your question. I need to say that removing the Footer Theme information Theme: Catch Everest is not allowed in Free version. This is only recognition that we receive for providing Free Theme and Free Support. So, please add that back or you can upgrade to Catch Everest Pro and change the footer as per your need.

1. This option is not there is Free version. You can upgrade to pro version and you will have option to user Header Right Sidebar. So, you can just add it from “Appearance => Widgets”.

1a. Did I place the image in the wrong container or what should have been done different to maintain responsive images.
— I don’t get it what you mean here.

1b.I think the fixed size noted in number 2 is a concern. If this needs to be manually edited since the theme implemented this size, what file php contains the header image html?
— For header image, you upload the image as per your need from “Appearance => Header”.

2. I also note in the theme header the header image is added with html height and width which seems counter intuitive if the theme is responsive. I used FF Web Dev Tool bar and inspector on the img tag in the #site-logo and the img file shows up with width 769 x height 125.
— HTML size has nothing to do with responsive design. Also the height and width are added by WordPress custom header function by default. The responsive design is controlled from CSS using media query.

[tkabe]

Sakin – researched upgrade and features on Pro Theme – waiting for approval to upgrade. Thanks for the clarification.

[Sakin]

@tkabe: Sorry I don’t get it what you mean? Waiting for?

[Author]

Posts