Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14815

    Two questions as I am almost there…

    1) What is the best way to move the search box next to my logo – right justified?

    2) Can you help me with css to format my menu items as one long bar? Everything I have done seems to apply to the words themselves. Should it be a container modification? I’d like it to look like this: http://new.treats-unleashed.com/landing_page.jpg.

    Thank you.

    Cheers.

    teresa

    #84983

    Hello,

    The link your provided does not show any image. Is that suppose to be your layout design?

    If you want a search box next to your logo, open up header.php find this code

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png');

    Place this code below

    echo "<div id='new-searchform'>";
    get_search_form();
    echo "</div>";'

    Open custom.css and place this code

    #new-searchform {

    position: absolute;

    right: 0;

    top: 20px;

    }`

    Sorry if I didn’t understand inquiry No.2.

    Regards,

    Ismael

    #84984

    Well, that’s embarrassing. The design for the menu is at http://new.treats-unleashed.com/final_framework.jpg

    Thank you for the help with the search box.

    #84985

    Hello,

    I think you can do something like this, you can adjust it.

    .menu-item {
    border-top: 2px solid red;
    border-bottom: 2px solid red;
    padding: 15px 20px 10px 0!important;
    }

    .main_menu ul:first-child > li > a {
    display: block;
    text-decoration: none;
    margin-left: 0;
    padding: 0 15px 3px 0px;
    text-transform: uppercase;
    border-right: 1px solid orange;
    }

    Regards,

    Ismael

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

The topic ‘css question – search box move’ is closed to new replies.