Buttons, Videos & Header

Thanks.

Nice job on your child theme. One small change. Here is how your style.css file ends at the moment:

/* Logo */

.site-header .site-branding img {
    width: auto;}
-------------------------------------------------------------- */

It should look like this:

-------------------------------------------------------------- */

/* Logo */

.site-header .site-branding img {
 	width: auto;
 }

That long line ends the comment that starts with /* =Theme customization starts here. CSS comments look like this:

/* Comment */

Hope that makes sense.

Apologies for the menu toggle position issue. It’s due to the custom header height being used. I need to work on a new way of positioning the menu toggle. Please, try the following in your child stylesheet:

/* Responsive Menu Toggle */

.responsive-menu .menu-toggle {
    margin-top: 22px;
}

To get your image running nicely let’s do this.

1. Remove all the excess markup from the Text widget. This is all we need:

<h1 style="text-align: center;"><span style="color: #000000;">big stones to little stones</span></h1>

We’ll do the rest with CSS.

2. Edit the row concerned. Click Attributes top right, enter the following in as a Row class, the first field:

full-bg

3. Go to your child style.css file and let’s target this class:

/* Custom Page Builder Classes */

.full-bg[style] {
    background-repeat: no-repeat;
    background-size: 100% !important;
}

.full-bg h1 {
    color: #000;
    padding-top: 50px;
}

@media (min-width: 681px) {
    .full-bg {
        min-height: 870px;
    }
}

(You can also strip the following from your h1 tag as we’re setting with CSS:

<span style="color: #000000;">

Mostly un-tested 🙂 Let me know how it goes.

Thanks 🙂

Edit the Visual Editor widget, click over the Text tab and remove everything, next, insert:

<h1>big stones to little stones</h1>

Find full-bg h1 in your style.css file and replace it as follows:

.full-bg h1 {
    color: #000;
    padding-top: 50px;
    text-align: center;
}

All we’re doing there is putting the text align into our CSS for easier control from one place.

It doesn’t look like the other styles I sent have been inserted yet. That explains the height related issues.