J-BusinessDirectory - Centering the search bar

Hi,

How do you center the search bar in the search module, like on the demo site?

I have width set to fluid, in order to get 100% width, but the search bar aligns to the left, as in the screen shot.

Thanks,

Oliver

Hi,

Please set the section id to "site-map-search" on the row settings.

This will center the search module.

Do you mean here?  If so, it hasn't worked...

Hi,

No, not on Section title.

You have to scroll down until you find Section ID.

Hi,

I don't have a Section ID field within the Row Settings.

Have you got a screenshot showing the option?

Hi,

On our demo site the page was created using SP Page Builder. I think you are editing the layout of the template and that's why you cannot find the Section Id.

The css code for the section is

#site-map-search{
    #companies-search{
        padding: 10px 0;
    }
    
    #companies-search{
        width: 100%;
    }
    #searchform{
        margin: 0 auto;
        width: 985px;
        max-width: 100%;
    }
    
}

Hi,

Can you advise on how to apply the code, please.

I would use SP page builder, but it doesn't have the 'Hide on Mobile/Tablet/Desktop' options.

Hi,

The code is already present in theme.less file located in less folder. You need to change the id #site-map-search with your section id.

But is it possible to set up the map module in a regular module position, without using SP Page Builder.  As I said, I WOULD use SP Page Builder, but it lacks function when it comes to controlling which devices you want the module to show on.  The reason I want to be able to do that, is because the map module fills the screen on mobile devices, making it very difficult to scroll down the page, which makes it completly pointless.

Hi George, I am looking at the same problem here, I want to centre the search form too

Where can I find the section ID to the search module?

Thanks

Hi there,

How can I find the section ID in the search module? Thanks!