Elements all shifted right

Support
#1

Hi,

Can you please look at this page:

https://onlinepsychics.live/psychics-online/

The Section with the Banner Ad is pushed off to the right and I can’t work out why. The row has inner container off, marginless columns on, width set to auto, max width: 1140px.

Thanks,
Darren.

#2

Hi @DesignMunky,

Thanks for writing in.

I could see that it is on the right side because there is a Column beside it. Check the image below of what I mean.

You will need to remove the other column or insert the column on a different section so that you could adjust it according to where you want t o add your ad banner.

Let us know how it goes.

Thanks.

#3

Hi,

Yes, that column has some placeholder text in it at the moment. The section is divided into two columns, 1/4 + 3/4. You can see the settings here isn this screenshot of the Row when editing in cornerstone. Is there a reason why the first both columns start way to the right? I’ve check margins & paddings on all elements and everything is set to zero.

Thanks,
Darren.

#4

Hey There,

Everything looks normal on my end according to the settings as explained by Nico

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#5

@DesignMunky,

Now, I am a little confuse of what you mean

Your add is on the right side because it is located on the right side columns.

Would you mind sharing us more details of the problem that you want to share so we could easily understand it.

Thank you so much.

#6

My Ad and the other column (set at 1/4 width) are both shifted across to the right. together they make 1140px width, the correct max width I set, but why are they not aligning in the center of the page under the nave menu?

See attached image:

#7

Hi There,

I have fixed for you by removing the 1/4 + 3/4 and replaced with 1/1

Hope it helps

#8

Hi,

That isn’t what I wanted to do. I wanted to use the 1/4 column to add some filtering and search buttons for the items on the page.

Can you explain to me why both elements are seen to the right of the page as per my last screenshot?

I just want the 1/4 & 3/4 columns (both adding to a max width of 1140px) to be centered underneath the main menu (also max width 1140px).

Thanks

#9

Hi There,

maybe there was something wrong with your custom grid settings.

I have added now 1/4 + 3/4 and it is centered.

Hope it helps

#10

Hi there,

I just tried looking at the page now and it seems to have the same problem… here’s a screenshot of what I see:

#11

Hi there,

It appears centered on my view, but based on your screenshot, it’s caused by the header. Please try adding another row on top of 1/4 3/4 row. Then add gap element with 0px size on that row.

That’s to make sure it stacked up with the header.

Thanks!

#12

Hey - that fixed it! - thanks!!

So what does this tell you about the header? Is there a problem with it I need to look at?

Thanks again,
Darren.

#13

Hi there,

Its an issue is with Ubermenu, it doesn’t use clear element after its floating element and it affects other elements next to it (similar to inline elements, the columns became inline with it).

The solution is adding a full-width element, another solution is setting masthead height, like this

.masthead.masthead-stacked {
min-height: 157px;
}

The 157px is the total height of both logo area and Ubermenu.

Thanks!

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.