Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi, anik424.

    Please add a class in searchform.php

    <form method="get" id="searchform" class='searchbar' action="<?php echo esc_url( home_url( '/' ) ); ?>">

    Then set margin-top.

    In style.css add

    .searchbar{margin-top: 237px;}

    —————
    Please adjust the value for margin-top which is suit for your website.

    Thanks.

    Hanafi.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    To avoid modifying original theme styles, use a custom style/css plugin, then add this style in the allocated plugin area.

    #branding #searchform {
     top: auto;
     margin-top: 5px;
    }

    Thread Starter anik424

    (@anik424)

    @mohamad Hanafi

    I have done what u told. But no luck.. navigation bar shifted to right and no Search option..

    Thread Starter anik424

    (@anik424)

    thnx Mohamad Hanafi and Andrew Nevins.

    I just modified original style.css file by adding these line…

    #branding #searchform {
    top: auto;
    margin-top: 220px;
    }

    Problem Solved!!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can cut down your code by removing top: auto;.

    Thread Starter anik424

    (@anik424)

    okk.. thnx @ Nevins

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Want to move Search option from header to navigation bar’ is closed to new replies.