Home Forums WoodMart – Premium Template searchbar smaller

searchbar smaller

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #375479

    lucky7seven
    Participant

    Hi,

    How can i make the searchbar smaller on the header? It takes now the column of the piece of the header.

    #375578

    Hello,

    There are two ways:

    1. Try to add an empty space element on both sides.

    2. Or try changing rows flex layouts, here you will find the instruction: https://xtemos.com/docs/woodmart/header-builder/header-rows-flex-layouts/

    Best Regards

    #375610

    lucky7seven
    Participant

    No, both points you give don’t work. When I make the browser smaller (responsive) I see the logo move to the right instead of having to stay centered and that is because of the SPACE I added next to the search bar.

    Is there no other option I have attached my login details.

    #375664

    Hello,

    Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .wd-search-form[class*="wd-header-search-form"] input[type='text'] {
        min-width: 240px;
    }

    You can change the width as you need.

    Best Regards

    #375683

    lucky7seven
    Participant

    I can’t change the width, it doesn’t change if I change the ..px. And the logo is now next to the search bar even though they are both in a separate column. And when i put a SPACE in again have the issue that the logo no longer is centered when responsive.

    • This reply was modified 1 week, 5 days ago by lucky7seven.
    #375846

    Hello,

    The flex column will determine the width of the column by detecting the elements in it. If you don’t want to use flex columns then you can add empty space.

    The last thing is adding width manually for the search bar using the CSS i provided.

    .wd-search-form[class*=”wd-header-search-form”] input[type=’text’] {
    min-width: 220px;
    }

    And it is not the standard way of checking the Responsiveness by simply changing the browser size. Please try using some online tool like Responsinator to check the Responsiveness.

    Best Regards

    #375936

    lucky7seven
    Participant

    I haven’t changed anything I now suddenly see that my LOGO is no longer visible in the header?

    #376075

    Hello,

    I have visited your website.

    It seems that file_get_contents function for URLs is disabled on your server.
    You need to contact your provider and ask to enable this option.

    Best Regards

    #376165

    lucky7seven
    Participant

    Why is it so complicated to get the logo in the middle. I have asked my provider and for that I have to take a VPS SERVER for something small. Is there no other option?

    #376176

    lucky7seven
    Participant

    Why is it so complicated to get the logo in the middle. I have asked my provider and for that I have to take a VPS SERVER for something small. Is there no other option?

    I have put your logo (woodmart) back and that works.

    Can you please make sure that the search bar is a bit smaller, I’ll arrange the rest with the logo myself

    #376232

    Hello,

    You are using a logo in SVG format that’s why you need to enable the option. You can try using png format instead.

    I have reduced the width of the search bar on your website. Please clear cache and check back.

    Best Regards

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