Ethos Theme Query

Support
#1

I would like my logo and menu to be similar to https://www.cometcamper.com.

My website is http://www.bestofretro.com

Thanks for all your help.

DC

#2

Hello DC,

Thanks for writing in!

Please take a look at the solution shared in following thread:

Thanks.

#3

Thanks for your reply. I have followed the instructions, but nothing appears.

.the-logo {
background: url https://www.bestofretro.com/wp-content/uploads/2018/09/Best-Of-Retro.png no-repeat center center;
background-size: contain;
}

Thanks
DC

#4

I am little bit further on. I now have the logo in the middle of the nav-bar; however I need to move the carousel down slightly. And position the menu items properly.

https://www.bestofretro.com

Thanks
DC

#5

Hello David,

Thanks for updating in!

To move the carousel slightly below the navigation, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-post-carousel.unstyled {
    margin-top: 30px;
}

To align your menu items horizontally to the logo image, please go to X > Theme Options > Header > Links - Alignment and set the “Navbar Top Link Alignment” to 65 pixels or more.

We would love to know if this has worked for you. Thank you.

#6

Thanks. That is great. How do I reduce the gap between the bottom of the nav-bar and the carousel?

Thanks for all your support.

DC

#7

Another strange thing has happened, The main page is now showing as ‘Category Archive’ - How do I change this back to show the posts?

Thanks
DC

#8

More information - When I click on the logo it hyperlinks to https://www.bestofretro.com/category/health/ - How to change this to https://www.bestofretro.com

Thanks
DC

#9

Hi David,

That gap is due to the height of the logo in the middle, you will have to change its height to reduce the space. Example

.x-navbar .desktop .x-nav > li.the-logo > a {
    text-indent: -99999px;
    text-align: left;
    width: 310px;
    height: 200px;
...
..
.

to this

.x-navbar .desktop .x-nav > li.the-logo > a {
    text-indent: -99999px;
    text-align: left;
    width: 310px;
    height: 150px;
...
..
.

And the home page doesn’t display a category archive, it displays the home blog page. Perhaps yes, you’re just clicking the logo and it directs to the category archive, but the home page isn’t a category archive. The reason for that is because the menu items is really linking to category archive in Admin > Appearance > Menus. Please change the menu item and link it to your preferred URL.

Thanks!

#10

Thanks. How do I change the menu item link?

Thanks as ever for your assistance.

DC

#11

Hey David,

You can manage your menu items in Appearance > Menus. Simply select which menu and remove/update the menu items.

For more details, please check this codex:

Hope this helps.

#12

I have added ‘link Target’ under 'Screen Options# but the option does not appear.

Any advice.

Thanks
DC

#13

Hi David,

It should display in each menu item once you open it,

If it’s not displaying, then please provide your site’s URL and admin login credentials so we could check. For the meantime, you could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

#14

Rad. Many thanks. I have decided that this customisation to the site is not worth the time and effort.

Apologies for wasting your time, albeit I have learned a lot.

DC

#15

You are most welcome. :slight_smile:

#16

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.