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

One week 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

One week 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

One week 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

One week 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

One week ago #Permalink
Sorry there is no default feature like that.

-Best Regards


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 117
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 91
Toufiq

Toufiq

Total Accepted Answers: 32
Al Mamun

Al Mamun

Total Accepted Answers: 3
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

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