Hide Site Title & Tagline, content overlapping feature image, mobile page scroll

I have a child theme set up & am editing on the style.css stylesheet

Hi Richie,

1) Hide my Site Title & Tagline.

There’s a built in setting to hide your Site Title and Tagline.

In your admin area, navigate to Appearance > Customize > Site Identity. You’ll find an option to “Display Site Title and Tagline” there. Uncheck the box next to that option and then Save & Publish your changes. ??

2) At the “home” & “services” page, make the content not overlap with the feature image

You can remove the overlap by adding the following custom CSS to your child theme’s style.css file:

@media screen and (min-width: 1180px) {
    .content-wrapper.with-featured-image {
        margin-top: 0;
    }
}

3) Somehow in the mobile version of my site, I can scroll to the right even though there is no content there. How do i fix this?

The widget that you’re using to add your social icons to your site’s footer has the following inline style:

style="width:470px;text-align:left;position:absolute;"

The above is setting the width of the widget to 470px, which is larger than the width of most phones and causing the extra space to the right.

You could potentially override that inline styling by using the !important command with some custom CSS:

.sfsiplus_norm_row.sfsi_plus_wDiv {
    width: 100% !important;
}

It would, however, be best to see if you can change that width within the widgets settings or code itself.

Hope that helps out! We’re right here if extra questions come up.

Hi siobhyb, tq for your time ??

There’s a built in setting to hide your Site Title and Tagline.

In your admin area, navigate to Appearance > Customize > Site Identity. You’ll find an option to “Display Site Title and Tagline” there. Uncheck the box next to that option and then Save & Publish your changes. ??

Somehow I do not have that function in WordPress. How do i get it?

Other than that, the other 2 CSS worked perfectly! Thanks!

3) Somehow in the mobile version of my site, I can scroll to the right even though there is no content there. How do i fix this?

I’ve just realized that the same problem happens on desktop & ipad. How do i fix that?

How do you take away that gray box in the middle of the featured image? Even if I uncheck “Display Site Title and Tagline” there is still that box in the middle of the feature image and I don’t want to write anything there.

Hi @richie38,

Somehow I do not have that function in WordPress. How do i get it?

Hm. That’s strange. The option is a default and I’m not sure what would stop it from loading.

Can you try deactivating your plugins one by one to see if any are causing a conflict and preventing that option from loading? If you can’t pinpoint any problematic plugins, try temporarily switching to one of our default themes (such as Twenty Sixteen) to see if the option is available there.

I’ve just realized that the same problem happens on desktop & ipad. How do i fix that?

The core issue here is with the widget being used to add your social icons.

Did you use a plugin to add that widget? If so, I recommend contacting its author to get the core issue.

If the custom CSS I initially provided to workaround things didn’t help, try this:

.sfsiplus_norm_row.sfsi_plus_wDiv {
    position: static !important;
}

@annaq: If you don’t wish to display any text that you add to your front page over its featured image, then the box can be hidden with the following custom CSS:

.hero-container-inner {
    display: none;
}

If you have any extra questions then please start a new thread on this forum and include a link to your site. You can do that here:

https://www.ads-software.com/support/theme/sela#new-post

It’s easier for us to keep track of different questions if they’re kept to separate threads and also prevents the original poster from receiving unnecessary email notifications.

Thanks!

There’s a built in setting to hide your Site Title and Tagline.

In your admin area, navigate to Appearance > Customize > Site Identity. You’ll find an option to “Display Site Title and Tagline” there. Uncheck the box next to that option and then Save & Publish your changes. ??

It’s there! I must have overlooked before.. sorry my bad.

.sfsiplus_norm_row.sfsi_plus_wDiv {
position: static !important;
}

Worked perfectly! A good quick & temporary fix

Did you use a plugin to add that widget? If so, I recommend contacting its author to get the core issue.

Noted, will contact the author??

Thanks for your help ms Siobhan, you have been really helpful??

– RESOLVED –

Perfect! Feel free to start a new thread if extra questions come up, too.