Outreach Header – add menu and search to right side

Community Forums Forums Design Tips and Tricks Outreach Header – add menu and search to right side

This topic is: not resolved

This topic contains 9 replies, has 2 voices, and was last updated by  DarralynC 1 year, 3 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #34291

    DarralynC
    Participant
    Post count: 39

    I am working on my first website using Outreach theme.
    I wanted to add the menu and search box to the top right of my image header and then center (image and additional menu and search box).

    Similar to this one from a previous post: http://69.195.124.88/~bridgeo9/

    Thanks.

    #34306

    braddalton
    Participant
    Post count: 8896

    Drag the search widget and custom menu widget into the header right widget area first. Then link to your site.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #34337

    DarralynC
    Participant
    Post count: 39

    Thanks so much…I will try as soon as it is back up.  The server is down right now.

    #34357

    braddalton
    Participant
    Post count: 8896

    Why is your server down? Who is your host?


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #34367

    DarralynC
    Participant
    Post count: 39

    GoDaddy.com

    #34414

    DarralynC
    Participant
    Post count: 39

    Ok, my site is back up. http://ccsmain.carmeleducationalfoundation.org

    The search and menu are over the header image in firefox and dropped down in chrome.

    Any suggestions?

    Thanks.

    #34438

    braddalton
    Participant
    Post count: 8896

    Looks fine to me in all 3 browsers. Did you clear your browser cache.

    I can’t see any problem in Chrome, I.E or FF.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #34446

    DarralynC
    Participant
    Post count: 39

    Thanks so much for your help.
    Not really sure what I did…
    I added the search and menu to the widget (like you suggested) and then made the changes below.

    #header {
    background: #090909 url(images/header.png) center repeat-y;
    background-position: center !important; (changed from left)
    margin: 0 auto;
    min-height: 300px;
    overflow: hidden;
    width: 100%;

    Image Header – Partial Width
    float: center (changed from left)

    It made the header a little higher than I like, but not sure what to do about that (more room at top than bottom) and the image (the logo and tag line) seems to be a little more to the right than center. Any thoughts?

    Thanks.

    #34559

    braddalton
    Participant
    Post count: 8896

    Couldn’t access your site as it was down again.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #34594

    DarralynC
    Participant
    Post count: 39

    Back up now…

    Thanks.

     

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.