Main Header Adjustment

Discussion in 'Compass WordPress Theme' started by bgdrew03, Jun 9, 2015.

  1. bgdrew03

    bgdrew03 Guest

    Joined:
    Feb 22, 2015
    Messages:
    19
    Likes Received:
    0
    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!
     
  2. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    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.
     
  3. bgdrew03

    bgdrew03 Guest

    Joined:
    Feb 22, 2015
    Messages:
    19
    Likes Received:
    0

    Attached Files:

  4. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    Kindly follow the below step mentioned in the image.

    add menu below logo.png

    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.
     
  5. bgdrew03

    bgdrew03 Guest

    Joined:
    Feb 22, 2015
    Messages:
    19
    Likes Received:
    0
    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
     
  6. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    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
     
  7. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    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">
      <
    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
     
  8. bgdrew03

    bgdrew03 Guest

    Joined:
    Feb 22, 2015
    Messages:
    19
    Likes Received:
    0
    You guys are the best, Thank you! Worked perfect.

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

    bgdrew03 Guest

    Joined:
    Feb 22, 2015
    Messages:
    19
    Likes Received:
    0
    Is there a way to make the image clickable also?
     
  10. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67

Share This Page