bikerwp000

Hi Richie,

I removed get_search_form(); from hook-functions.php then add the new set of codes to child functions.php and it did not work. ( I did not add any of the previous codes related to adding search form because they did not work.)

So that leaves me either keep get_search_form(); in hook-functions.php and have to re-add it every time when the theme gets an update, or “add the functions code into wp-content/meso-custom-functions.php, create one if did not had.”

I don’t understand what the latter is. What is it and how to do that? If I do it that way, do i still have to re-do it again for every theme update? If so, then it may be easier to simply do the former.

• This reply was modified 8 years, 1 month ago by bikerwp000.

Hi Richie,

I made the search form appear by following your instructions,

1. Go to lib/functions/hook-functions.php (obviously from the parent theme)
2. find meso_add_top_nav() function
3. made sure code
<?php do_action( 'bp_inside_top_nav' ); ?> does exist
4. then add
get_search_form(); before the code end </div>

This is how meso_add_top_nav() function looks like after it’s done.

function meso_add_top_nav() { ?>
<?php do_action( 'bp_before_top_nav' ); ?>
<nav class="top-nav iegradient effect-1" id="top-navigation"<?php do_action('bp_section_nav'); ?>>
<div class="innerwrap">
<?php wp_nav_menu( array( 'theme_location' => 'top', 'container' => false, 'menu_class' => 'sf-menu', 'fallback_cb' => 'mesocolumn_revert_wp_menu_page','walker' => new Custom_Description_Walker )); get_search_form();?>
<?php do_action( 'bp_inside_top_nav' ); ?>
</div>
</nav>
<?php do_action( 'bp_after_top_nav' ); ?>
<?php }
add_action('bp_before_header', 'meso_add_top_nav');

Now your reply said,
“its better to use child theme or add the functions code into wp-content/meso-custom-functions.php”

I prefer to use child theme but don’t know what exact codes to add to the child theme’s functions.php

I tried adding the entire meso_add_top_nav() function codes to the child theme’s functions.php but brought down my whole site so I know that’s the wrong way to do it.

Sorry I forgot to add the screenshot

Hi Richie,

This is how the screen looks like on my end

I tried to compose here both as admin and as subscriber but even as admin shows a screen like this.

I tried 5 other themes and they all show a normal screen like yours.

• This reply was modified 8 years, 1 month ago by bikerwp000.

Forgot to tell you I’m using Mesocolumn Version: 1.6.5.1 and I always work on the child theme only.

Hi Richie,

Thanks for the new codes. They seem to solve all the problems except the sticky mobile top menu would have to wait till I get my site hosted to get checked if they’re still sticky on the first page.

I was finally able to see the search form after adding the short codes before the code end </div>. Since this is the first set of codes that I directly add to the parent theme, I’m wondering if the codes will be erased next time when the theme gets update? Thank you.

Hi Richie,

I don’t know where to find the top green bar id and a Google search yielded no answer. But I use SiteOrigin CSS plugin for styling needs and when targeting the top green bar using this plugin, it shows the following codes

#top-navigation.top-nav.iegradient.effect-1
#top-navigation
nav
*

float: left
display: block
zoom: 1

Based on this, I’m guessing maybe the answer is 1.

Also FYI, I made a styling change to the bar and the codes for that change is

#top-navigation.top-nav.iegradient.effect-1 {
  padding: 1px;
  height: 70px;
}

Something even more intriguing I’ve just noticed is when on mobile display, before I click on Top Menu, it looks like this

, but after clicking Top Menu, it looks like this

The main screen was superimposed over the menu, which makes the menu unaccessible. This happens to Chrome, Firefox and MS Edge all 3 browsers.

I have tried to find out what caused this by removing the codes I got from you and some CSS codes I added from using SiteOrigin CSS one at a time but had no success.

What adds more to the twist is now when on mobile and click on Top Menu, The menu got stuck on the first page and won’t scroll down. But if I remove the codes that make the top header menu sticky, then the mobile Top Menu can scroll down again. This also happens to all 3 browsers.

I just installed and activated Paid Membership Pro this morning and found it crashed all the blog posts on my site. Once I deactivated the plugin, all posts reappeared. This is a very well-known membership plugin, I’m wondering if any of the mesocolumn users have reported such case to you, and any solution they have come up with? or an alternative membership option we can use for mesocolumn?

I’m really sorry for so many problems. Everything went really well since I started using your theme and I really like it. Didn’t expect now near the end of creating this site, so many issues emerged.
(Sign)

Hi Richie,

This is the only portion of the HTML code page that has “top-navigation” wording in it. And I did not see any form in it.

// grab the initial top offset of the navigation
	var sticky_navigation_offset_top = $st('#top-navigation').offset().top;

	// our function that decides weather the navigation bar should have "fixed" css position or not.
	var sticky_navigation = function(){
		var scroll_top = $st(window).scrollTop(); // our current vertical position from the top

		// if we've scrolled more than the navigation, change its position to fixed to stick to top, otherwise change it back to relative
		if (scroll_top > sticky_navigation_offset_top) {
        if( log == true ) {
        if( abs == true ) {
        $st('#top-navigation').css({ 'z-index': '9999','position': 'fixed', 'padding': '0','top':30, 'left':0 });
        } else {
        $st('#top-navigation').css({ 'z-index': '9999','position': 'fixed', 'padding': '0','top':0, 'left':0 });
        }
        $st('#top-navigation').removeClass('effect-1');
        } else {
        $st('#top-navigation').css({ 'z-index': '9999','position': 'fixed','top':0, 'left':0 });
        $st('#top-navigation').removeClass('effect-1');
        }

		} else {
			$st('#top-navigation').css({ 'z-index': 'auto','top':0,'position':'relative','padding': '0' });
            $st('#top-navigation').addClass('effect-1');
		}

	};

	// run our function on load
	sticky_navigation();

	// and run it again every time you scroll
	$st(window).scroll(function() {
		 sticky_navigation();
	});

	// NOT required:
	// for this demo disable all links that point to "#"
	$st('a[href="#"]').click(function(event){
		event.preventDefault();
	});

• This reply was modified 8 years, 2 months ago by bikerwp000.

Hi Richie,

I clear cache but the search form simply won’t show up. Can it be something blocking it? i’m clueless.

If the Site Title image part is not easy, it’s probably okay because I think I can probably use photo editor to put both Title / Tagline and the image all in one photo file and add it as Site Logo.

Adding search box may be the one that needs more attention.

• This reply was modified 8 years, 2 months ago by bikerwp000.

Hi Richie,

Thanks for the codes. The sticky top menu and round featured image are good now thanks to your help.

The Search box codes did not create any changes to the top menu.
Just to be sure, the codes are

function meso_add_custom_searchform() {
return get_search_form();
}
add_action(‘bp_inside_top_nav’,’meso_add_custom_searchform’,20);

And I added it to the functions.php of the mesocolumn child theme I’m using.

After removing site logo and adding codes for image with site title to the functions.php, this is how it looks

Then I added the Title Image and it looks the same except the image entirely replaced the Title and Tagline.

Not sure if this matters – you see a broken image icon next to “Site title”, that icon shows up on Chrome and Microsoft Edge, but not on Firefox.

Thank you.

Mike

Hi Richie,

Thanks a lot for your reply. The codes work right off the bat.

I just made a modest donation to you via your demo site at
https://www.dezzain.com/wordpress-themes/mesocolumn/

to thank you for your help.

I hope you can also help me with 2 other issues that I’m having since I can’t figure out why they are how they are now.

I’m still localhosting my site on hard drive so I include a screenshot below.

1. When looking at my front page

the menu on the top is not sticky and disappear as I scroll down, and Site Title and Tagline disappear after I upload a Site Logo. You demo site top menu also has a Search box to its right but I don’t know how to add that there.

2. I got these codes from another thread to make all images on site round,

img{border:1px solid #;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

, but now even the image I add to the header looks round.

I also copied another sets of codes that make all avatar round

.avatar {
  background-color: #F5F5F5;
  border: 1px solid #DDDDDD;
  border-radius: 50% 50% 50% 50%;
  padding: 4px;
}

So I’m thinking if i can have a set of codes that will make only featured image round, then I can keep the “avatar round” sets of codes and delete the “all image round” sets of codes to prevent images that shouldn’t look round from looking round. I’m also concerned how the advertisements will look like after my site gets online. Will they also look round. That will be really odd.

But I can’t find the codes to make only Featured Image round. Can you help me with that too?

Thank you

Mike

Got it, Richie. Should’ve known that -:) Will give it a try.

Hey Thanks Richie. First off, I also think this is probably a bp issue, instead of the theme. But I just want to be sure we’re on the same page. What I do NOT need is to have the embed video show up on bp activity. What i do need is to have the featured image (and not the video) show up on bp activity when I have both featured image and embed video in the post.

I’ve posted a couple inquiries on bp support before but never got any reply. So I did not even bother trying this time.