Support » Theme: Sento » How to reduce pre-header width

  • Resolved Civil Engineering Notes


    Hello there, I just started a new WordPress blog on my civil engineering field, which I actually developed in a local server, and get live in last week. There I am using a free theme (Sento), by Think Up Themes Ltd. After being in a live server, I am facing a visual problem in both desktop and mobile. I am having an extended portion in a header strip, at the pre-header menu and search area. When I am removing the search option from pre-header, then it is working fine. I tried to contact them about this. But they do not provide any support to their free theme. That’s why I am posting my problem to the forum. Because I believe someone in this forum may use this theme or may have some solution to my problem. I don’t have much idea about coding. So if anyone can help me, please explain to me how to solve this. I wish I could attach a screenshot for better understanding my problem.
    And also sorry to repost about this problem in this forum. Last time I did some mistakes.
    Many many thanks to you in advance…

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello @civilenggnotes,

    We can remove the pre header width with the help of custom css. Please apply the below given css under Appearance -> Customize -> Additional Css-

    #pre-header-search .search {
    width: 126px !important;

    I hope the above was helpful.

    Kind regards,


    Hey manoj, thanks for your help.. it is done. But, is it reducing the width of the search box ??? If so, is there any other way, without reducing search box width..

    TUT Support


    Hello @civilenggnotes,

    We have checked the search bar width causing the pre hedaer so. You can reduce the width px as per your need.

    “Glad I could help! 🙂

    If you get a chance we’d absolutely love for you to leave a review for Sento. Don’t worry if you don’t get a chance, we know how busy it can get when building a new site. 🙂

    You can leave a review for sento here:

    If you have anymore questions let us know!”

    Kind regards,


    • This reply was modified 7 months ago by  TUT Support.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to reduce pre-header width’ is closed to new replies.