Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #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:

    Thank you.





    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'>";
    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.




    Well, that’s embarrassing. The design for the menu is at

    Thank you for the help with the search box.



    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;



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

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