Ethos Navigation Bar Queries #2

Support
#1

I followed the below instructions on my website https://www.bestofretro.com but the changes are not applying to the main index page.

Hi David,

Thanks for reaching out.

That would require template customization, please check this thread and it should give you the initial idea.

Hi @siamohajer1, Thanks for reaching out. You don’t need to redownload the original theme, just download your child them from Apex dashboard and install it on your site through Admin > Appearance > Themes > Add New As for your question on how to copy a template to the child theme, but please check this https://theme.co/apex/forum/t/setup-how-to-setup-child-themes/57 for further information about child theme installation, then let’s continue here. 1) You have two option, using your hostin…

But in your case, you’ll be working on the file framework/legacy/cranium/headers/views/ethos/wp-header.php

Then edit that file and move the line <?php x_get_view( 'ethos', '_post', 'carousel' ); ?> below <?php x_get_view( 'global', '_navbar' ); ?>.

Example,

<?php // ============================================================================= // VIEWS/ETHOS/WP-HEADER.PHP // ----------------------------------------------------------------------------- // Header output for Ethos. // ============================================================================= ?> <?php x_get_view( 'global', '_header' ); ?> <?php x_get_view( 'global', '_slider-above' ); ?> <?php x_get_view( 'ethos', '_post', 'carousel' ); ?> <?php x_get_view( 'global', '_topbar' ); ?> <?php x_get_view( 'global', '_navbar' ); ?> <?php x_get_view( 'ethos', '_post', 'carousel' ); ?> <?php x_get_view( 'ethos', '_breadcrumbs' ); ?> <?php x_get_view( 'global', '_slider-below' ); ?> <?php x_get_view( 'ethos', '_landmark-header' ); ?>

As for making the logo on centered top above the navigation, please go to Theme Options > Header > LOGO AND NAVIGATION > LAYOUT and change it to Stacked instead of Inline.

Then in Theme Options > Layout and Design > BACKGROUND OPTIONS, please change your background to white.

Hope this helps.

Can anyone assist.

Thanks
David

#2

Hi David,

I checked and it seems to be working fine.
In your home page, I can see that the carousel is below you navbar which is what the code is intended to do.

Maybe you are referring to a different page? Can you provide us the exact url of the main index page that you are referring to.

Try to clear your browser cache and check again.

Thanks

#3

Thanks for your help. I believe this anomaly was due to caching.

David

#4

How do I put a top and bottom border on the nav bar?

Thanks
David

#5

Hello David,

Thanks for updating the thread. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

.x-navbar {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

Feel free to change #ddd to whatever color code you like.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#6

Thanks. How do you create a space between the border-bottom and the carousel?

Thanks
David

#7

Thanks for your help. I managed to write some css which did the trick.

.x-post-carousel {
margin-top: 32px !important;
}

Thanks
David

#8

Hey David,

We are just glad that you have figured it out a way to write a css that resolves your spacing issue.
Thanks for letting us know!

Best Regards.

#9

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