• Resolved elf2588

    (@elf2588)


    Hello,
    Love this theme, it’s simple and elegant. However, I would like to resize the site logo in the header. I’m trying to use a logo that would ideally be 343 × 332 when viewed on a desktop machine and then render proportionally on tablet/mobile phone browsers. Can you please help me – let me know where to modify the size callouts for the images on desktop, or provide simple code I can copy/paste to the correct area to edit site logo size? Thank you in advance!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hey there elf2588,

    Hope you’re well today ??

    Would you mind posting link to your site where I can see this so I can try to help with some custom CSS.

    Please upload the logo to your site before you post link ??

    Cheers,
    Bojan

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    @elf2588 Please do not post large HTML blocks like that. It’s not necessary and doesn’t work.

    What is the URL to your site?

    Edit: Ha. The site is not live. Can you show at least a screenshot?

    Thread Starter elf2588

    (@elf2588)

    Sorry! I just tried re pasting it because it looked like it didn’t paste!

    Thread Starter elf2588

    (@elf2588)

    not sure how I post a screenshot here. And did you want the test post or the code screenshot? thanks.

    Theme Author Chrisdc1

    (@chrisdc1)

    Hello, it’s possible to modify the site logo, but you would have to make a child theme, which is relatively complicated. You may find it simpler to add a header image instead (look under Header Image in the customiser) as this should display your image in it’s original dimensions.

    Thread Starter elf2588

    (@elf2588)

    I appreciate the response, but the cool thing about the logo is that you have a line of text under it, and now the header is BELOW that line of text. Is there no other way to change the size of the logo? Thanks.

    Thread Starter elf2588

    (@elf2588)

    This might work: Or, please tell me where I find this code so all I do is move the “site description” line UNDER the “custom header” image? thank you!

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

    <div class="site-branding">
    											<h1 class="site-title"><a href="https://www.hackyourfun.com/" rel="home"></a></h1>
    									<p class="site-description">Event Planning Advice, Insider Travel Tips, Weekend Fun, and More</p>
    											<a href="https://www.hackyourfun.com/" rel="home">
    					<img class="custom-header" src="https://www.hackyourfun.com/wp-content/uploads/2015/10/cropped-Ericas_Logo_Final_RGB-e1443999206624.png" width="343" height="260" alt="">
    				</a>
    					</div><!-- .site-branding -->

    Hey elf2588,

    I’ve checked your site and it seems you have some sort of maintenance mode plugin activated so I can’t see anything there ??

    Can you disable it so I can take a look?

    Cheers,
    Bojan

    Thread Starter elf2588

    (@elf2588)

    Thanks for your offer to help but I am not ready to make the site live yet… really i think i just need to know what file in the theme folders/where do I edit the div called: <div class=”site-branding”>

    thanks!

    Hey again elf2588,

    The code should most likely be located in header.php which should be in the root folder of your theme.

    If you need additional help please let me know ??

    Cheers,
    Bojan

    Thread Starter elf2588

    (@elf2588)

    Thanks! That is exactly where it was! Of course the header code looked different in the raw code than what renders in the page, but I figured it out. Thanks Bojan!

    Dear friends, thanks for codes. It’s usefull

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘How do I resize the site logo?’ is closed to new replies.