Global Blocks - Display as row layout

[Pbalazs89]

Hi there,

I’m building a footer:

I would like my social elements to be displayed in a row.
So I created a global block and added it here. On the the global row page, it shows as if they were positioned in a row, but here, they revert to the column layout. What am I doing wrong?

2. Currently, I have 5 columns set up in the footer, but I would like to achieve the following look:

How can I make it so that the third column takes up 1/2 the space, and the first two gets 1/4 + 1/4

Thanks!

[ruenel]

Hello @Pbalazs89,

Your icons may not line up because there isn’t enough space for the icons to display. Please adjust the widths of your column containers. You can click on the container, find the “Customize” tab and insert an inline element css like this as an example:

$el {
  min-width: 350px;
}

So for your last question, you can set a minimum width of 50% and then for the first two columns, you can set it to 25%.

Hope this helps.

[Pbalazs89]

Hi there,

I’ll try that out.

Another small issue I’m having - this site:

https://tablebudapest.com/home-new/

The Nav menu is positioned to the center - Though the NAV LI items are not positioned under the logo. I would one NAV LI element to be positioned right under the logo because this way it just does not look symmetrical.

Same thing at the bottom with partners:

I can’t figure out for the life of mine, but this is not perfectly centered. The whitespace on the left side is a bit more than on the right. What can be the cause of this?

*** Another issue I ran into is that my site has an extra scroll bar on the right? What might be causing this?

Thanks!

[paul.r]

Hi Pbalazs89,

Please update your PRO Theme to the latest version.

Pro 2.5.5

With regards to your menu, I checked and it is centered.

Though the menu items have different width so they don’t look symmetrical .

You can try adding an min-width to your menu items to make it look symmetrical.

Thanks

[Pbalazs89]

Thanks for the help, I think I managed to fix it.

Could you give me an idea about the other issue? This one:

*** Another issue I ran into is that my site has an extra scroll bar on the right? What might be causing this?

Thanks!

[Pbalazs89]

Managed to fix with:

body {
overflow-x: visible;
}

what is causing this?

[christian]

Hey @Pbalazs89,

The extra scrollbar is usually caused by content overflowing from its container. This usually happens in with the Footer Builder since the bar’s height is fixed. Please try setting all your bars’ height to auto.

Hope that helps.

[christian]

UPDATE: Please remove the CSS you pasted. Our core developer has said that we avoid overriding structural parts of the theme. That is also not the proper solution.

[Pbalazs89]

@Pbalazs89

body {
overflow-x: visible;
}

Well I removed it, and tried changing the footer height to auto, but the issue still persists. Could you advise then?

[christian]

Hi again,

Your bar’s height is still 4.5 em.

Take a look if that is set to auto.

If you’re using a caching plugin, please clear all caches.

If that does not still help, please give us WordPress Admin access in a Secure Note

Thanks.

[Pbalazs89]

So sorry, you were right!

[christian]

No worries. Glad it’s resolved now.