getting rows aligned in column format

Hey,
On your corporate page it looks like you’re using a Feature page template, but there’s no featured image so you’re just seeing a gap where the image would go. Changing the template to sidebar should resolve this.

You’re so kind! Definitely let us know if you’re ever out this way.

Kindly,
Hannah

Thanks. That fixed the problem. I may be in Montana when covid wanes as I have a client I did a virtual show for and they may have me back in person.

I looked for the answer to this but couldn’t find it- is there a way to make the top menu full width? I think you allow space for an image but if there’s no image can the menu be widened? That would bring my menus down from 3 lines to 2 and save some space. (I’d have to delete the image at the top on one site, but the other has no image)

Hey,
Are you wanting to remove the logo area? If so, you can use this css:

@media (min-width: 992px) {
.col-md-4.clearfix.kad-header-left {
  display: none;
}
.col-md-8.kad-header-right {
    width: 100%;
}
}

Hope that helps!

Best,
Hannah

Thanks again. But… it looks right when my browser is full screen. But as I narrow my browser the image (me on stage) reappears. I can’t figure out where it’s coming from or how to delete it.

Hi @shaunshaun,
I’m not sure I’m seeing what you’re referencing. Could you send a screenshot?
https://imgbb.com/

Thanks,
Hannah

Uploaded. Essentially all you have to do is narrow the window a bit- you’d see the main image in mobile too.

Hey,
Can you post the link to your image? I am narrowing the screen. I’m seeing an image of someone on stage but it’s a video. Is that what you’re referencing?

Kindly,
Hannah

It’s on this page: https://www.ivystandup.com/

I think this thread might’ve started by talking about my other website and that’s where I misled you. It’s an image of me onstage but it’s just an image, not a video. I went through all the WordPress setup stuff and I can’t even find a reference to that image as I thought I’d deleted all of them.
It’s possible that when you gave me css to remove the image the css referred only to wider screens? Because the css includes this so maybe something here deleted the image only for computers and not phones/tablets?

@media (min-width: 992px) {
.col-md-4.clearfix.kad-header-left {
  display: none;
}
.col-md-8.kad-header-right {
    width: 100%;
}
}

@media (min-width: 992px) {
.container div#content {
    width: 100%;
}
}

@media (min-width: 992px) { .page-id-60 .main.col-lg-9.col-md-8 { float: right; } 
}

Is this the problem:
@media (min-width: 992px) {

Is the min-width meaning don’t show the logo on wide screens but not narrow screens? If so how do I eliminate the logo for all screens?
For some reason google is saying that some of my pages are not mobile-friendly:
Clickable elements too close together
Content wider than screen
Text too small to read
But that’s odd because the pages it’s citing are very similar to other pages google is fine with.

In summary I’d like to eliminate the logo on https://www.ivystandup.com on all screens, narrow and wide.

FYI I found where the logo was and replaced it with a one pixel image so that at least shrank the logo and speeds up my website.

Hi,
So sorry for the delay! Somehow this was overlooked.
Thanks for the link! I was definitely looking at the wrong place so my apologies for that. Try adding this to your custom css:

@media (max-width: 992px) {
    img.kad-standard-logo {display: none;}
}
@media (min-width: 768px) and (max-width: 992px) {
    .col-md-4.clearfix.kad-header-left {
    height: 50px;
}
}

Let me know how that works for you!

Kindly,
Hannah

That did it. Thanks. I also have this css- is any of it unnecessary? The reason I ask is that when I run speed tests on my websites one thing that can speed it up is said to be reducing unused css. And also combining javascripts which is something I have no idea how to do.

@media (min-width: 992px) {
.col-md-4.clearfix.kad-header-left {
  display: none;
}
.col-md-8.kad-header-right {
    width: 100%;
}
}

@media (min-width: 992px) {
.container div#content {
    width: 100%;
}
}

@media (min-width: 992px) { .page-id-60 .main.col-lg-9.col-md-8 { float: right; } 
}

Hey,
All that css has purpose. So it just depends on what you’re wanting.
That amount of css is unlikely to slow down your site. If you’re wanting to incorporate custom scripts I recommend hiring a developer.

Kindly,
Hannah