Main Header Adjustment

I would like to do 2 things:

1. I would like to move the Nav Menu below the logo (along the bottom of the header.)

2. I would then like to add above the menu Some text and an image.

HELP!

 

Hello,

Hope Doing Good,

Could you please provide your site URL along with some edited screenshots so that I can assist you accordingly. If you are unable to create screenshots then you can use www.screenpresso.com
that will help you to create screenshots.

 

http://www.prestigemetalroofingga.com/

 

Hello,

Kindly follow the below step mentioned in the image.



Use below code.

PHP:

<div class="grid_24">
            <div class="grid_8">
          <div class="logo">
            <a href="<?php echo home_url(); ?>"><img src="<?php if (inkthemes_get_option('inkthemes_logo') != '') { ?><?php echo inkthemes_get_option('inkthemes_logo'); ?><?php } else { ?><?php echo get_template_directory_uri(); ?>/images/logo.png<?php } ?>" alt="<?php bloginfo('name'); ?> logo"/></a>
        </div> </div>
          <div class="grid_16">
            <div class="my_custom_image">             
            <img src="your image url"/>             
            </div>           
            </div>           
          </div>

Hope it will solve your issue.

Let me know if have further doubts so that I can assist you.

 

I apologize, but it didn't work, my menu disappeared completely. Like I said I wanted the menu to go across the bottom of the header, and I wanted to insert Text and an Image that is Left Justified above the menu. How can I fix this? Thank you for all your help!

Chip

 

Hello,

Please send us your website dashboard login details at [email protected] along with the thread link.
We will customize it for you.

Thanks,
Praveen

 

Hello,

I have customized and added some code in the header.php of the theme.
Here is the code :-

PHP:

  <div class="grid_16 omega">
  <div class="top_right_content">
  <p class="my_custom_text"> Write your text here...</p>
  <img src="http://blog.naturovillespa.com/wp-content/themes/road-fighter/functions/images/inkthemes-logo.png" />
  </div>
  </div>

CSS code :-

Code:

#menu .ddsmoothmenu {
text-align: left;
margin-top: 15px;
}
.top_right_content {
float: right;
text-align: center;
margin-right: 30px;
}
.top_right_content p {
color: red;
font-size: 18px;
}
.top_right_content img {
width: 200px;
}
@media only screen and (max-width: 767px){
.top_right_content {
margin: 25px auto !important;
float: none !important;
text-align: center !important;
}
}

Please change the text and image source according to your requirement.

Thanks,
Praveen

 

You guys are the best, Thank you! Worked perfect.

One thing how do I bold the text so that it stands out more?

 

Is there a way to make the image clickable also?

 

Hello,

Replace the <img /> code from the previous provided code with "<a href="http://www.inkthemes.com"><img src="http://blog.naturovillespa.com/wp-content/themes/road-fighter/functions/images/inkthemes-logo.png" /></a>".

Also replace the CSS code

Code:

.top_right_content img {
width: 200px; 
}

with

Code:

.top_right_content a img {
width: 200px;
}

Thanks,
Praveen