Niall Madhoo

Hello there!

The following code is what’s causing those lines to appear:

.elementor-21 .elementor-element.elementor-element-def75ca > .elementor-widget-container {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
}

.elementor-21 .elementor-element.elementor-element-52272e2 > .elementor-widget-container {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
}

Those are the white lines that separate, “????? ??”? ????? ?????”, “????? BDI ?????”, and “????? ????? ?????” on your homepage when in a desktop/laptop browser. The widget container for these has been set with a left solid border width of 1px. The height matches the height of the text automatically. These whites lines only appear on the homepage, which explains why it doesn’t happen anywhere else on your site.

On mobile, those white lines still appear. As those there is not enough space on a mobile screen to fit those three texts, they move onto the next line. This happens after the width of the browser goes below 740px.

One way to correct this is to add a custom CSS code like this to your site, which will remove those borders (white lines) after the browser width goes below 768px (Elemenor’s default breakpoint for mobile devices):

@media (max-width: 768px) { 
	.elementor-21 .elementor-element.elementor-element-def75ca > .elementor-widget-container, .elementor-21 .elementor-element.elementor-element-52272e2 > .elementor-widget-container {
		border: none;
	}
}

Removing those white lines on mobile devices should also fix the menu issue that you described.

Please let me know if this helps or if you have any further questions!

p.s. I almost never see websites in Hebrew. The text looks so cool!

Hello Breigh!

Happy to help!

The CSS class for the WP Forms confirmation message is:

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message)

So you need to use that CSS class as follows:

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background: #29537c;
border: 3px solid #808080;
padding: 15px 15px;
text-align: center;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
color: #FFFFFF;
}

I added “text-align: center;” to your code. That will align the text in the center of the confirmation message.

I also wrote a second CSS snippet because the text is inside a paragraph tag (“<p>”). The color won’t change to white unless you target that “<p>” tag directly.

Please let me know if this code works.

• This reply was modified 4 years, 2 months ago by Niall Madhoo.