Removing the “invisible” title

I have managed to solve this after a long time of researching with this:

.home #main {
padding-top: 0px;
}

Now my problem is that the shop page has the same problem.
Like this

In summary my menus are like this(3 tiers):

-CARS(the menu page)
-AUDI, VW, RENAULT, FERRARI(dropdown menu)
-(individual product) A3, A4, A5, Golf, Jetta, Polo, Megane, Clio, 458, 488, LaFerrari

Both the Cars page and the Brands page(audi, vw, renault….) have the white space.
I have been hunting for the solution for a week, its crazy.
Hope you can help.
Thanks in advance

• This reply was modified 6 years ago by Daniel.

From what I can tell it looks like you’ll want to target the .storefront-breadcrumb DIV margin

#page .storefront-breadcrumb {
     margin: 0 0 0;
}

If that doesn’t work, if you can post a link to the live site where the issue is I can probably come up with a solution.

@jarretc Thank you for your reply!

I have added the code you sent my way on the adicional CSS and it works, but that is not it.
It does not drag my content up.

I feel the problem has to do with the “hidden” title, I have hidden the title on the specific page I want, but the space slot for that title is still there(thats where I think the problem is coming from).

I am uploading the website to a live environment but only at a later time, sorry but at the moment that is not possible, I know that would solve my problem alot faster.

Thank you in advance for any solution you can come up with!

Ah I think I found it

.storefront-full-width-content .woocommerce-products-header {
	padding: 0 0 0;
}

Try messing around with those values and see if that gets you closer or not.

@jarretc THANK YOU SO MUCH <3
haha I love you right now.

I have been searching for a solution to make a hero video at the home page below the menu.
Do you have any idea on how to do that?
I have setup a video but it doesnt reach the borders and its wayyyy to high.

Thanks alot! ??

Depends on your setup, without being able to see a live version or knowing the current configuration so I can try to replicate locally I can’t really say at this point in time. Is there another picture or 2 you can post like you did before?

@jarretc
Thank you for answering!
https://imgur.com/H4LHxES

I managed to set the video like this BUT it doesnt stretch to full width..
I am using Siteorigin addon and plugin. Any ideas?
I also wanted to hide the controls for the video.

Hope you can help me out, thank you once again! ??

@jarretc

When I manage to “make it go” full size, it adds this huge black bars on top and bottom of the video, the video itself does not have those black bars.

Like https://imgur.com/BALpoiR

Not sure how to replicate that unfortunately, I looked up SiteOrigin in the plugins list and there are a few different options so I don’t know which one you are referring to.

If you can give me more details on how to replicate the setup I can go from there.

@jarretc

I am using “Page Builder by SiteOrigin” and “SiteOrigin Widgets Bundle”.
For that result I create a page with pagebuilder by siteorigin with full width atributes, then i add 1 row with 1 column only, and then add a native video/vimeo to that specific row. It keeps the black bars on top and bottom

Currently I just created a full width page(no plugins) and added a native video with full width aswell, the video dimensions are 1920×450 with NO BLACK BARS but it still doesnt touch the sides of the screen, it leaves a margin.

I am sorry I keep asking for help but stuff keeps poping up and I cant seem to find solutions online without deeper knowledge.

View post on imgur.com

I want to get price and items closer together to the cart

OR

Remove price and items but add a background circle
This example is faded when no items are in cart, when there are items it is brighter and has a “pulsating” effect arround it, you can check it here

View post on imgur.com

“The future foods” is my website but I dont have backoffice access to it right
now.

thank you!

Any help would be highly appreciated.
Thank you!