Food Menu Not Looking Like Demo

[Michael Chilcott]

Hi,

I bought this theme last night and I am trying to set this up for a client of mine.
He runs a DJ/Wedding Officiant Business and I am trying to edit the theme.

You can see here http://www.randh88.com/a-le-cart/

That the menu is spaced so much.

How Do I Fix this????

[Bill Robbins]

Good Morning Michael,

Sorry for the trouble there. It looks like in copying the shortcode out of the instructions, the HTMl that’s there to allow the code to display properly made it through the copy/paste. Here’s how to take it out:

1. Edit the page with the menu shortcode.
2. In the top right corner of the content box there is a tab labeled text. Click on that.
3. Remove this text before your shortcode:

   
   <pre><code>
   

   and this text after your shortcode:

   
   </code></pre>
   

   so that the only thing there is just the menu shortcode.

4. Update your page.

See if that won’t bring back the expected spacing for you. Let me know if you have any trouble.

Have a great week,
Bill

[Michael Chilcott]

Hi Bill,

Thank you that worked.

Also Instead of the Email thing on the top menu bar Could I have something like phone number and the Date and Time to Display instead..?

Also Since we are not a food Service, How Do I chance the Food to something else in the WP Admin

[Bill Robbins]

Hey Michael,

Glad that did the trick for you. You can edit the header so it uses something other than the MailChimp sign up. Here’s how to do that:

1. Go to the Appearance section in your WordPress dashboard and choose Edit.
2. From the list of files on your right, choose header.php and find this section:

   
   <?php if(of_get_option('include_newsletter') == 'yes') { ?>
   				
   	<?php get_template_part( '/includes/newsletter' ); ?>
   				
   <?php } ?>
   

3. Right below that add this:

   
   <p id="header-text">Your text goes here</p>
   

   (Be sure to copy that code directly from the support site and not the notification email.)

   Replace the Your text goes here with whatever you’d like to have in your header.

4. Save your changes.

That should give you custom text in your header.

---

For the services you can change the URL slugs in the theme options page. Just make sure to save your permalinks again after you make those changes so they don’t give you not found errors on the front end.

If you’d like to change the labels, there is a plugin called “Admin Menu Editor” (https://wordpress.org/plugins/admin-menu-editor/) that claims to let you do that. I haven’t used it in some time, but it has good reviews at wp.org with lots of downloads, so it would seem to be a good place to start.

Take care,
Bill

[Michael Chilcott]

How Do I make it automatically tell the Date and Time for EST. We are based in London Ontario

[Bill Robbins]

The date and time functions are really picky.. Write out an example that shows exactly how you’d like it to be and I’ll send it back.

[Michael Chilcott]

I did what you said but not working…

<?php if(of_get_option('include_newsletter') == 'yes') { ?>
				
				<?php get_template_part( '/includes/newsletter' ); ?>
				
				<p id="header-text">(226)374-2745</p>
			<?php } ?>

For the Date and Time.

I would like it to the top bar left hand side saying

TOP BAR LEFT Today Is: December 01 2014 Time: 12:56PM Top Bar Right (800)555-5555

[Michael Chilcott]

Also I wanted to inform you that your video section for Foxy does not work.

there is a php error

[Bill Robbins]

The code needs to go after that section (below in the text). It would be like this:

<?php if(of_get_option('include_newsletter') == 'yes') { ?>
				
	<?php get_template_part( '/includes/newsletter' ); ?>			

<?php } ?>
<p id="header-text">(226)374-2745</p>

---

For the date and time, find this spot in the header.php file:

<div class="header-content clearfix">

Right after that, add this:

<div id="date-time">
	<?php
					
		date_default_timezone_set('EST');
					
		echo 'Today Is ', date('F d Y');
					
		echo ' Time: ', date('g:hA');
				
	?>
</div>

and save your changes. You’ll also need to go to the Theme Options page and choose the Styling tab. Scroll down to the Custom CSS box and add this:

p#header-text {
	float: right;
	position: relative;
	top: 5px;
}

#date-time {
	float: left;
	position: relative;
	top: 5px;
}

and save your changes. That should give you the date and time on the left and the phone number on the right. If you need the phone number on the right hand side of the social icons. Then place the snippet for it just above this instead:

<?php get_template_part( 'layouts/header-links' ); ?>

Let me know if you have trouble,
Bill

[Bill Robbins]

Video section? There is a featured video widget that’s part of the theme…is what you’re running into trouble with?

[Michael Chilcott]

Hi Bill,

Sorry the video help section for this theme.

Also if you look at the site now the top menu bar has become larger.

[Michael Chilcott]

The Number is not going to the right of the Social media ICONS

[Bill Robbins]

I think the paragraph margin is getting us there. Add this to the Custom CSS too:

p#header-text {
	margin-bottom: 0;
}

If you need the phone number on the right hand side of the social icons. Then place the snippet for it just above this instead of the other placement:

<?php get_template_part( 'layouts/header-links' ); ?>

Bill

[Michael Chilcott]

Above Where Bill.

the header file or css

[Bill Robbins]

I see what you mean by video section. Looks like an old link. They are now on the support home page just below the search bar. I updated the link to match. Thanks 🙂

[Bill Robbins]

Above that spot in the header.php file.

[Michael Chilcott]

Its adding two FB icons

<?php get_template_part( 'layouts/header-links' ); ?>
			
			<?php if(of_get_option('include_newsletter') == 'yes') { ?>
				
				<?php get_template_part( '/includes/newsletter' ); ?>
				
			<?php } ?>
<?php get_template_part( 'layouts/header-links' ); ?>
			<p id="header-text">(226)374-2745</p>	
		</div>

[Bill Robbins]

Here’s the full header.php file. Visit this post on the support site and copy the code from there. That way you can replace the entire file with the modified code.

[Michael Chilcott]

Thank you bill,

One last thing for this part.

the facebook and phone number are just alittle close to each other is there a way to space them out a bit

[Bill Robbins]

Let’s add this to the Custom CSS in your Theme Options too:

p#header-text {
	padding-left: 10px;
}

a.font-icon-social-facebook {
	top: -2px;
	position: relative;
}

See if that won’t position them a bit better.

[Michael Chilcott]

Bill,

Thank you so very much for all your help with these issues.

How Do I go about making the menu like the demo with the heading for each one.

So something like this

DRY ICY

Dry icy is normally used for the first dance between the Bride and Groom.

Price $000.00

[Michael Chilcott]

Second Which Font did you use for the Logo?

Thanks,
Mike

[Michael Chilcott]

Never mind the question about the MENU..

Its already like that…

Just the Font for the Logo

[Michael Chilcott]

The time thing has stopped working as well

its saying 2:02 but its 2:35pm

What Happen

[Bill Robbins]

The server probably caches that time. Personally I wouldn’t suggest using either the date or time because you won’t be able to use a caching plugin like WP Super Cache to keep your site as quick loading as possible.

[Author]

Posts