Hi,

Just bought Delta theme and i love it , its super fast and clean.

However im strugling with couple of things:

1. Top header navibar Menu: is it possible to remove it from header and set it to footer, like Epsilon theme has?
    I have tried to remove or relocate it in other places in footer.php but still wont change. Looks like something is preventing it from moving from header.

2. Also categories its possible to make them like in Epsilon homepage?

I would really appreciate some help expecially with top header menu.


Regards,

Up

1) its just CSS, you probably change top:0 to bottom:0 (no access to code now)
2) that would require more effort

Thanks for the reply.
i managed to fix both of them.
i modified the menu code in header and also i created a new php file for the categories to be like epsilon

@Redis
Glad to hear that, don't be shy to share what you did so other may benefit from your effort

Sure thing

replace the old code in footer.php
with this new code


<div id="navi-bar" class="isMobile c5">
  <div class="wrap">
    <a href="<?php echo osc_base_url(); ?>" class="navi-bar-item <?php if(osc_is_home_page()) { ?>active<?php } ?>">
      <i class="fas fa-home"></i>
      <span class="navi-bar-item-label"><?php _e('Home', 'delta'); ?></span>
    </a>
   
    <a href="<?php echo osc_search_url(array('page' => 'search')); ?>" class="navi-bar-item <?php if(osc_is_search_page()) { ?>active<?php } ?>">
      <i class="fas fa-search"></i>
      <span class="navi-bar-item-label"><?php _e('Search', 'delta'); ?></span>
    </a>
   
    <a href="<?php echo osc_item_post_url(); ?>" class="navi-bar-item <?php if(osc_is_publish_page() || osc_is_edit_page()) { ?>active<?php } ?>">
      <i class="far fa-plus-square"></i>
      <span class="navi-bar-item-label"><?php _e('Publish', 'delta'); ?></span>
    </a>
   
    <?php if(function_exists('im_messages')) { ?>
      <a href="<?php echo osc_route_url('im-threads'); ?>" class="navi-bar-item <?php if(osc_get_osclass_location() == 'im') { ?>active<?php } ?>">
        <i class="far fa-comment-alt"></i>
        <?php $mes_counter = del_count_messages(osc_logged_user_id()); ?>
        <?php if($mes_counter > 0) { ?>
          <span class="navi-bar-item-badge"><?php echo $mes_counter; ?></span>
        <?php } ?>
        <span class="navi-bar-item-label"><?php _e('Messages', 'delta'); ?></span>
      </a>
    <?php } else if(function_exists('fi_make_favorite')) { ?>
      <a href="<?php echo osc_route_url('favorite-lists'); ?>" class="navi-bar-item <?php if(osc_get_osclass_location() == 'fi') { ?>active<?php } ?>">
        <i class="far fa-heart"></i>
        <span class="navi-bar-item-label"><?php _e('Favorite', 'delta'); ?></span>
      </a>
    <?php } else { ?>
      <a href="<?php echo osc_contact_url(); ?>" class="navi-bar-item <?php if(osc_is_contact_page()) { ?>active<?php } ?>">
        <i class="far fa-envelope"></i>
        <span class="navi-bar-item-label"><?php _e('Contact us', 'delta'); ?></span>
      </a>
    <?php } ?>
   
    <a href="<?php echo osc_user_list_items_url(); ?>" class="navi-bar-item account <?php if(osc_get_osclass_location() == 'user' && osc_get_osclass_section() != 'pub_profile' || osc_is_login_page() || osc_is_register_page()) { ?>active<?php } ?>">
      <i class="far fa-user"></i>
      <span class="navi-bar-item-label"><?php _e('Account', 'delta'); ?></span>
      <span class="navi-bar-item-badge"></span>
    </a>
  </div>
</div>

<style>

#navi-bar a.active {
  font-weight: bold;
  color: #171717;
}
#navi-bar a {
  max-width: 20%;
  text-align: center;
  flex: 1;
  padding: 10px 2px 4px;
  letter-spacing: -0.2px;
  color: #888;
  position: relative;
}

#navi-bar a > svg {
  width: 20px;
  height: 20px;
  fill: #888;
  margin-bottom: 3px;
}

#navi-bar a > span {
  width: 100%;
  font-size: 11px;
  font-weight: normal;
  display: block;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#navi-bar {
  z-index: 5;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 68px;
  display: flex;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
}

#navi-bar .wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

#navi-bar a.navi-bar-item-publish {
  background-color: #3bdfc0;
  color: #fff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px;
  text-decoration: none;
  font-size: 12px;
}

#navi-bar a.navi-bar-item-publish i {
  margin-bottom: 4px;
}


</style>


i would need  some help to display the logo instead of topo menu bar and to be sticky.

I have managed to put the sticky logo with grey color background ( for better viewing to fix the pro0blem ) in top header where menu was , but it shows a gap between the very top header and the logo

https://prnt.sc/Slt51qIddLyc

i have tried a lot to put more weight , padding and everything else, but  cant find a solution

Always put URL, you will not be able to identify what to fix from image.
But you can remove that margin from top or move image to top.