Hello SiteOrigin,
Thanks for all your help in the past.
I’ve numbered the issues that are listed below in the following screenshot:
Here is the live site – planetlucid.com/deity
– 1 –
The 3 vertical columns are set to 33.333% yet they don’t fill the width of the
page. This is causing a strange black space on the right that I’ve circled.
– 2 –
I’d like to keep the same small spacing between the columns once item #1 is fixed.
The solutions I’ve done cause those small gaps between the columns to increase.
– 3 –
When I vertically center the text like
Shop, Design, Illustration
and buttons for specific browser sizes [like sizes 500 and above],
it still effects the location of the button on mobile sizes.
In fact, it makes them disappear on mobile sizes.
Any and all help is greatly appreciated!
Thanks
Ry
Just a heads up –
I kept looking and found a solution for
Issue number 1
https://cl.ly/n52C This line of CSS with ‘calc’ also has ‘*30px’ which was throwing things off and causing the strange empty space on the side.
Here is the solution –
I wrote the same line and added !important so it overrides the strange line of code with ‘calc’ and wrapped it in a media query.
@media screen and (min-width: 780px) { .panel-grid-cell {width: 33.333% !important;} }Hi Planetlucid,
1. This value is using gutter. Please open up the row housing this widget and head over to the row styles sidebar and open the Layout settings group. Set the Gutter to 0.
2. If that’s the case, you should reduce the gutter rather than removing it.
3. Unfortunately, this isn’t something we’re able to assist with but you could hire a developer to implement this for you.
We recommend using Codeable. You’ll be able to hire someone at an hourly rate to do this work for you.