Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Search Module in Layout Builder - Adjust Position

Featured Lock Resolved Issue
Hi team,

I have created a custom header in "Layout Builder" configured as 2+8+2.

I have a search module in the right position number 2.

Right now, the search module displays as flush to the top of the website, which does not look good,

Is there a way to center or adjust / nudge the search module to have equal spacing on top and bottom?

I have tried to "inspect" the css without success.

I have attached two screenshots:

1. Layout Builder setup
2. The search box and how it should look


Can you please offer some advise?


Thanks Screen Shot 2019-06-11 at 12.08.31 PM.jpg Screen Shot 2019-06-11 at 12.07.45 PM.jpg

Attachments (2)

  • Screen Shot 2019-06-11 at 12.08.31 PM.jpg
    Screen Shot 2019-06-11 at 12.08.31 PM.jpg 357.5 KB
  • Screen Shot 2019-06-11 at 12.07.45 PM.jpg
    Screen Shot 2019-06-11 at 12.07.45 PM.jpg 245.9 KB

6 Answers

Sifat - Staff

More than a month ago #Permalink
It's actually difficult from my end. But you can use this css into your custom css and check if that solves the issue or not.

#sp-header .row {
align-items: center;
}

Here you'll get all the informations regarding custom css https://www.joomshaper.com/documentation/helix-framework/helixultimate#documentation-heading-1_8

If that doesn't work then you can share your site url here when it'll be ok to share.

-Thanks

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please share your site url here and that'll help to solve your issue easily.

-Best Regards

Tuan

More than a month ago #Permalink
Hi,
Thanks for your query. Please share your site url here and that'll help to solve your issue easily.

-Best Regards


Hi Sifat,

Thank you for your response.

But unfortunately my website is on a internal network.

But I am using Helix Ultimate template with SP Page Builder.

Could you use the demo site to offer the solution?

http://demo.joomshaper.com/2018/helixultimate/


Thanks

Tuan

More than a month ago #Permalink
Thank you so much, the CSS worked great to center it to have equal spacing on top and bottom.

Is there a way to move the search box left or right?


Thanks again

Attachments (1)

  • Screen Shot 2019-06-14 at 9.28.55 AM.png
    Screen Shot 2019-06-14 at 9.28.55 AM.png 47.9 KB

Sifat - Staff

More than a month ago #Permalink
Sorry there is no default feature like that.

-Best Regards


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 127
Sifat

Sifat

Total Accepted Answers: 89
Toufiq

Toufiq

Total Accepted Answers: 45
Pavel

Pavel

Total Accepted Answers: 6
Sohan

Sohan

Total Accepted Answers: 5

114

Templates

292761

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us