white space

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
NASASF
 
 
Posts: 45
Joined: Tue Jul 24, 2018 3:28 pm

white space

Post by NASASF »

Hi
I need a help with peculiar white space in front page of the shop created combining WWB and ECWId
I have been in touch with ECWID and here is what they told me to ask:

"Hello, I need help with removing a blank space between the category and the menu. I've contacted Ecwid support (they're responsible for the e-commerce part of the website) and they said that there is the "HTML3" block affecting it. They also said that they can't remove it on their end and advised me to contact you to solve it."

picture showing problem highlighted by ECWID - http://jtlit.co.uk/page9
page with white space is - http://jtlit.co.uk/shop.php
Problem is better seen in mobile version - http://jtlit.co.uk/page11

Please help
Ahmed
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: white space

Post by Pablo »

I assume that you have added this HTML object(s) yourself?
You can remove the object(s) via the Object Manager.
NASASF
 
 
Posts: 45
Joined: Tue Jul 24, 2018 3:28 pm

Re: white space

Post by NASASF »

But that object holds HTML code for ECWID category "menu" and another one holds code for ECWID product browser
I need them both
I can not remove any of them
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: white space

Post by Pablo »

If you add an HTML object then you are in control of the code.
The code will be published "AS IS".

If you need different behvaior then you will need to change the code inside the HTML object.
Also, note that the HTML have several option, for example you can choose where the code will be inserted or if a <div> will be added.
NASASF
 
 
Posts: 45
Joined: Tue Jul 24, 2018 3:28 pm

Re: white space

Post by NASASF »

Ok
let me put it differently

ECWID considers that it is WWB 2HMTL holder" that causes the problem.

Tell you the truth I dont think that it is WWB but can you see anything that causes that white space?
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: white space

Post by Pablo »

The 'holder' is added because you have selected 'use div to set position and size of the HTML'
If you select 'do not use div' then this will not be added.
NASASF
 
 
Posts: 45
Joined: Tue Jul 24, 2018 3:28 pm

Re: white space

Post by NASASF »

It looks like I cannot explain situation properly
Ok lets leave it

Maybe you can help me to clear other issue

I cannot bring menu up in mobile version - see http://jtlit.co.uk/page11
WWB file is in Class Directory

Regards
Ahmed
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: white space

Post by Pablo »

ECWID considers that it is WWB 2HMTL holder" that causes the problem.
Solution: remove the 'HTML holder'.
I cannot bring menu up in mobile version - see http://jtlit.co.uk/page11
What is the exact problem?
Can you please be more specific?
Where do I need look?
NASASF
 
 
Posts: 45
Joined: Tue Jul 24, 2018 3:28 pm

Re: white space

Post by NASASF »

1. Solution: remove the 'HTML holder'.
If I remove it how I am going to place code from ECWID to show shop categories?

2. In "responsive" "mobile" version Menu is placed lover than LOGO (Please pic on http://jtlit.co.uk/page11)
I need it to align with the middle of LOGO

Thanks
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: white space

Post by crispy68 »

I'm a bit confused by the demo:

1. The pic you provided shows a code box with ID Html3 inside of layout grid 3. However when I look at your demo, there is no ID Html3 or layout grid 3?
2. Why is your demo page (http://jtlit.co.uk/shop.php) littered with errors and references to Vibracart Pro when you are using Ecwid?

It would be helpful if you provided a demo that is clean of these errors to make sure they are not part of the problem with your page and to specify the correct ID.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: white space

Post by crispy68 »

As for your menu and logo, make sure that your grid is set to the following:

1. flexbox
2. column with menu has vertical set to middle
3. overflow = hidden
4. breakpoint in grid is set to zero

Make sure in each breakpoint these are set the same way
User avatar
BaconFries
 
 
Posts: 5328
Joined: Thu Aug 16, 2007 7:32 pm

Re: white space

Post by BaconFries »

As crispy68 reply there is so much wrong in the HTML. There is references to js.stripe, vibrant cart,
/templates/Giribizzi.co.uk/lwcartpro/vcpopup.css along with code to ECWID. It looks like you are either using code from a template or scraping code from other sources ie a template. Please note that all this will break the code generated by the software. If you wish to use such code / references as this you should understand how to use. Carrying on with this it makes it difficult to help so please remove all references to all invalid codes as we cannot assist you with its use or how it works.
NASASF
 
 
Posts: 45
Joined: Tue Jul 24, 2018 3:28 pm

Re: white space

Post by NASASF »

Thanks Crispy

It works but only if I use it in a blank new page (I should have tried it long ago)

Project was first done a year ago and we experimented with a lot options including VIBRACART. And despite deleting all Vibra ref and links since it looks like some code was still left over in the project in some kind of "invisible" form. And it was same kind of an issue that was preventing me from moving menu up and down the grid.

I will try to copy-paste all pages in the project in to a new blank one.

Thank you very much everyone
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: white space

Post by Pablo »

1. Solution: remove the 'HTML holder'.
If I remove it how I am going to place code from ECWID to show shop categories?
Please see my previous reply:
The 'holder' is added because you have selected 'use div to set position and size of the HTML'
If you select 'do not use div' then this will not be added.
Selecting the 'do not use div' option will insert the code "AS IS", without a place holder.
Post Reply