Strange rendering of unknown text characters

[dnlyko]

They come zooming in from the left side when index page loads. Is it an issue with the menu item names? It only appears when I am displaying at 2560x1440 or larger
Default page is user defined at 2560x1440
https://youtu.be/ncKucp3kR2M
https://mysnapsonline.com/

[crispy68]

Check your css menu. It looks like you've added a transition to it per what I see in the code.

[dnlyko]

Sure it has (had, I removed it) a Fade. So a fade is supposed to cause that ?

[crispy68]

So a fade is supposed to cause that ?

Not really sure without seeing your all your settings. I assumed it is fixed now?

[dnlyko]

Removed Fade transition and set it to None
Removed image (for a better view)
Deleted all online files via cPanel
Uploaded entire website
Updated youtube link
https://youtu.be/ncKucp3kR2M

[crispy68]

There is still a transition in the code. This is the code I see:

Code: Select all

.CssMenu2-effect
{
   -webkit-transition: all 500ms linear;
   transition: all 500ms linear;
}

When this is removed it works and the text flash is gone. Double check all your settings in the CSS menu under menu and submenus.

Open CSS menu, click Style and under Main Menu choose Transition and set transition to none.

[dnlyko]

Yes I know but I only have CssMenu2 visible on 360px page break.
What page resolution did you copy that code from?
Should it appear on any resolution above 360?

[crispy68]

I could be wrong on this but I don't think it matters what breakpoint it's on. The transition will be visible in all breakpoints.

Also, curious why are using 2 CSS menus? Why not just CSS1 in the breakpoint?

[crispy68]

You can try this:

go to Tools --> Options --> HTML and under CSS change the CSS visibility property to: display:none;

[dnlyko]

Also, why are using 2 CSS menus? Why not just CSS1 in the breakpoint?

Good point. I will have to try it that way.

[dnlyko]

I have the menu now 'responsive' and it breaks at 360.
There is however an issue with the 'spacing'.
When it breaks at 360 it stops adding in the spacing. It should change the spacing from H to V and there is no option to do so.
Funny enough though, it does display properly (with vertical spacing) on the canvas but does not render that spacing in the preview.
https://youtu.be/IDXqUb-Ijgs
https://mysnapsonline.com/

[Pablo]

I cannot see what you have done based the published page.
To be able to help you, I need a demo project so I can see all your settings.

Related FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

[dnlyko]

I have uploaded the file using FilePublisher to mysnapsonline.com. Not sure if that is correct.
It is in folder public_html
68.65.122.142

[Pablo]

What is the direct link to the file?

[BaconFries]

@dnlyko the direct link should be as follows were yourproject.wbs replace with your project name.
http://www.mysnapsonline.com/yourproject.wbs

[crispy68]

The spacing appears when less than 360px. It's from 360px up to 767px that it doesnt appear. You have the padding assigned wrong in this breakpoint. You have 5px padding added to the right side rather than the bottom. Please check your padding settings for this breakpoint.