move logo to middle of the featured image - Supreme theme

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: logo center of featured image

Author

Posts
July 9, 2017 at 10:17 pm #386297

S
Expired Member

Post count: 62

Hi how do I move the logo from the top left to the center of the featured image above the search bar in the home page of the Supreme Theme?

July 10, 2017 at 5:14 am #386316

Kor
Moderator

Post count: 16516

Hi there,

Could you please share your Website URL so that I could check and see if it’s achievable with custom CSS? You can use the private reply option below.

Thanks!

July 10, 2017 at 2:10 pm #386382

S
Expired Member

Post count: 62

This reply has been marked as private.

July 11, 2017 at 11:46 am #386538

Kor
Moderator

Post count: 16516

Hi there,

I’m not quite sure what you needed there. Do you mean you want to move the logo to this location as shown in this screenshot? http://prntscr.com/fuaazj

Thanks!

July 11, 2017 at 11:53 am #386540

S
Expired Member

Post count: 62

Yes, that’s correct.

July 11, 2017 at 12:30 pm #386545

Kor
Moderator

Post count: 16516

Hi there,

Looks like it’s not possible using custom CSS. I’ll check with a developer.

Thanks!

July 11, 2017 at 12:32 pm #386547

Giri
Expired Member

Post count: 3155

Are you talking about only the home page?

July 11, 2017 at 12:55 pm #386551

S
Expired Member

Post count: 62

Yes only the home page.

July 11, 2017 at 1:51 pm #386556
Giri
Expired Member

Post count: 3155
Try this code
```
function gd_custom_home_logo() {
 ?>
    <div class="gd-custom-logo">
        <div class='site-logo'>
            <a href='<?php echo esc_url( home_url( '/' ) ); ?>' title='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>' rel='home'><img src='<?php echo esc_url( get_theme_mod( 'logo', false ) ); ?>' alt='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>'></a>
        </div>
    </div>
<?php
}
add_action( 'sd_homepage_content', 'gd_custom_home_logo', 9 );
```
July 11, 2017 at 2:30 pm #386566

S
Expired Member

Post count: 62

Yes, it worked. Thank you. Now I have two logos on the home page. How do I remove the logo from its original position at the top left on the home page?

July 11, 2017 at 4:18 pm #386582
Giri
Expired Member

Post count: 3155
Add this css
```
.sd-homepage #site-header .site-logo-wrap {
	display: none;
}
```
July 11, 2017 at 4:56 pm #386586

S
Expired Member

Post count: 62

Thank you. It worked. I also changed the spacing setting of the header to move all the tabs in the header back to their original positions on the right.

July 12, 2017 at 11:14 am #386704

Giri
Expired Member

Post count: 3155

You are welcome. I’m glad it works.

July 17, 2017 at 4:45 pm #387350

S
Expired Member

Post count: 62

For your information, I changed the spacing setting from 20% header logo width and 80% header menu width to 0% header logo width and 100% header menu width to move the menu tabs back to the right on the home page. But I just realized that this made the logo disappear on all the other pages on my website. So I cannot use this method to move the menu tabs back to the right on the home page. Is there any other method to move the menu tabs back to the right on the home page after your code helped me to remove the logo from the top left corner of the home page? Can I only change the space setting for the header on only the home page?

July 18, 2017 at 2:34 pm #387528

Giri
Expired Member

Post count: 3155

Hi there,

You need to hire someone to customize the theme as per your needs. We don’t provide customization even for paid users. Sorry about that.
Author

Posts