Docs

[michaellanfield]

There are many aspects to the menus I would like to fix.

1. On the topbar I would like first the ABOUT US menu (with sub menus) to be to the far right.
2. Next to the menu to the right I would like the search icon.
3. Next to the search icon to the right I would like the media icons.
All this on one line spaced out.
4. Also get the search icon to work for global site search. Search does not pop out.

Now referring to the site http://www.onegreenplanet.org
1. In the sub menus for “about us” when hovering they have a different colour. I would like that for all menus including the topbar menu and primary menu.
2. Instead of having the normal underline hover for main menu I would like it to hover a different colour for entire word box, not text.
3. How to center the entire top primary menu?

How to do all of this? Thank you.

[michaellanfield]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Find and update this code:

.topbar-dropdown {
    display: inline-block;
    vertical-align: top;
    position: relative;
    float: right;
}

#2 & #3 Edit topar.php file and put following code:

<div class="topbar-dropdown">
      <a href="URL-Goes-Here">Parent Link</a>
   <ul>
      <li><a href="URL-Goes-Here">Privacy Policy</a></li>
      <li><a href="URL-Goes-Here">Sub Link #2</a></li>
      <li><a href="URL-Goes-Here">Sub Link #3</a></li>
   </ul>
</div>

just before this code:

  <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?></p>
      <?php endif; ?>

#4 Please update your code to :

<a href="#" class="x-btn-navbar-search"><span><i class="x-icon-search" data-x-icon="" aria-hidden="true"></i><span class="x-hidden-desktop"> Search</span></span></a>

#5 You should target menu item IDs and add multiple CSS code, see the attachment.

Please add this CSS code:

li#menu-item-351 a {
    background: red;
}
li#menu-item-351 a:hover {
    background: #000;
}

#6 Add this as well :

ul#menu-main-menu {
    display: table;
    margin: 0 auto;
    float: none;
}

Hope it helps.

[michaellanfield]

wow. screwed everything up. As you can see.

[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:

– FTP Host
– FTP Username
– FTP Password

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

[michaellanfield]

This reply has been marked as private.

[Christopher]

Hi there,

Please update your code in _topbar.php to :

<?php

// =============================================================================
// VIEWS/GLOBAL/_TOPBAR.PHP
// -----------------------------------------------------------------------------
// Includes topbar output.
// =============================================================================

?>

<?php if ( x_get_option( 'x_topbar_display', '' ) == '1' ) : ?>

  <div class="x-topbar">
    <div class="x-topbar-inner x-container max width">
       <?php

        wp_nav_menu( array(
            'menu'           => 'topbar-menu',
            'container'      => false,
            'menu_class'     => 'x-nav sf-menu',
            'container'       => 'div',
            'container_class' => 'top-menu',
        ) );
      ?>
      <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?></p>
      <?php endif; ?> 
   
      <?php x_social_global(); ?>
    </div>
  </div>

<?php endif; ?>

Hope it helps.

[michaellanfield]

same thing

[Jade]

Hi Michael,

Whenever you click on the search icon link, there is an error in the console that says:

POST http://thevegansandwich.com/wp-admin/admin-ajax.php 500 (Forbidden)

Whenever I try to access some admin pages of your website, I get 500 Internal Server error too. We have found that this is typically due to security settings or permissions errors with the server. For this particular situation, you will need to contact your hosting provider and ask them to ensure that your file permissions are set correctly. Additionally, this could be related to a ModSecurity rule being triggered due to a combination of keywords used in the core WordPress files. This should be able to be remedied by writing into the support team at your host and asking them to whitelist the ModSecurity rules on your domain.

As for the topbar file, the filename seems to be incorrect. Kindly rename file _topbar.php to _topbar.php.

Let us know how it goes.

[michaellanfield]

I called my hosting support (hostpapa) and sent them all the details through email. It should be resolved shortly.

[michaellanfield]

I find the 500 error seems to happen when there are many plugins added to wordpress and there are some conflicting with each other. When I disable many of them and keep only necessary ones it seems to fix the issue.

[Joao]

Hi Michael,

In that case let´s also try to improve your PHP memory and it might bring some better performance to your websites.

Would mind adding this in your wp-config.php located at the root directory of your site.

define( ‘WP_MEMORY_LIMIT’, ‘256M’ );
define( ‘WP_MAX_MEMORY_LIMIT’, ‘512M’ );
You can add it before the line

/* That’s all, stop editing! Happy blogging. */

Let us know how it goes.

Thanks,

Joao

[michaellanfield]

Sure thing. Thanks for helping. You guys are amazing.

[Rahul]

You’re welcome!

[michaellanfield]

So I added the code define( ‘WP_MEMORY_LIMIT’, ‘256M’ );
define( ‘WP_MAX_MEMORY_LIMIT’, ‘512M’ ); to the file. It seems sometimes I get the 500 error, depending on the day time etc. I also think when 2 or more people login and edit the site it also seems to happens that I get the 500 error. So anyways the menus are still not fixed.

My site also seems to be a little faster.

[Author]

Posts