Docs

[Dutchy8826]

Hi there
I’m currently using Ethos with fixed top, stacked layout.
I would like to convert to inline layout and virtually replace my HOME tab with the logo.
I know I can remove the HOME tab from the menu and push the logo to the right using this custom code I came across:
.x-navbar .x-brand {
margin-left: 200px;
}
The issue however is that this code also forces the navbar left.
Can you please help??
http://www.thegoodcard.com.au
In short…can I replace HOME tab with logo
thanks

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (min-width: 980px){
    li#menu-item-271 a {
        text-indent: -9999px;
        background: url(http://thegoodcard.com.au/wp-content/uploads/2016/05/Good-Card-Logo_icon.png) center center no-repeat;
        background-size: contain;
        min-width: 100px;
        box-shadow: none;
    }

    .x-logobar {
        display: none;
    }
}

Best Regards,
ThemeCo Team.

[Dutchy8826]

Hi there
did as you suggested and screen shot shows the outcome.
Thanks

[Dutchy8826]

ps…see site

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-navbar .x-brand {
     display:none;
}

Hope that helps.

[Dutchy8826]

Hi there
I added the first piece of code, saved, with the result being that I had two logos (the original and the new one replacing HOME). When I clicked on one of the links the site would not respond and thus timed out.
I tried to load page in another server which also tied out.
I am now using another internet access and the site initially loaded so I removed all coding and took it back to original setting (stacked menu) saved and tried opening another page and once again the site timed out.
not sure what’s going on…

[Paul R]

Hi,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Dutchy8826]

This reply has been marked as private.

[Nabeel A]

Hi again,

Please navigate to Appearance > Menu, edit your home menu item and replace the home text with the following code:

<i class="fa x-icon-home" data-x-icon=""></i>

Hope this helps!

[Dutchy8826]

This reply has been marked as private.

[Christopher]

Hi there,

To change icon, please check this link : http://theme.co/changelog/#theme-4-0-0
If you want to add logo image, please add following code in Customize -> Custom -> CSS :

li#menu-item-271:before {
    content: url("//thegoodcard.com.au/wp-content/uploads/2016/05/Good-Card-Logo_icon.png");
}

To remove logo, add this :

.x-logobar {
    display: none;
}

Hope that helps.

[Dutchy8826]

Ok…I’ll definitely give this a go. cheers

[Nabeel A]

Sure, do let us know how this goes!

[Author]

Posts