Docs

[gobeyondesign]

I need the margins in my columns. I have a background color that I want to run from the header to the footer, but the content in the column to the left has more information in it than the column on the right (The column I want to match the height) I need this to be responsive so I don’t have a weird gap on the mobile view.

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[gobeyondesign]

intellestualconcepts.com

[Lely]

Hi There,

Thank you for the URL! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link where this issue exist and perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[gobeyondesign]

The gray navigation box needs to be full height. Going from the header image to the footer. See the gap in the attachment. I need to have it auto adjust do for different screen resolutions.

[Joao]

Hi There,

intellestualconcepts.com seems to be not working

Your image did not upload, please upload an image up to 500kb

Thanks,

Joao

[gobeyondesign]

This reply has been marked as private.

[Lely]

Hi There,

Please resize your screenshot and try to upload again. See attached screenshot. Are you referring to that one? If yes, you can update this custom CSS:

.x-navbar-inner {
    background-image: url('http://intellectualconcepts.com/wp-content/uploads/2016/07/navbar-background-1.jpg');

}

To this:

.x-navbar-inner {
    background-image: url('http://intellectualconcepts.com/wp-content/uploads/2016/07/navbar-background-1.jpg');
    background-size: cover;
}

Hope this helps.

[Rad]

Hi there,

It should be intellectualconcepts.com and not intellestualconcepts.com 🙂

But, would you mind uploading the screenshot again? Or maybe a mockup design that I could use for comparison. I’m not really sure what’s the issue, looks fine on my end.

Thanks!

[gobeyondesign]

see the red circle – there is a gap

[Nico]

Hi There,

Would you mind reuploading the image. Try to resize it so that it would be uploaded properly.

Thanks.

[gobeyondesign]

Can you see the screenshot now?

[Rupok]

Hi there,

Thanks for clarifying. The column height will depend on the content inside that. So it might be different on different pages. You can try setting a minimum height for the column using the Style field. Like : min-height: 550px;

Hope this helps.

[gobeyondesign]

there isn’t a height: 100%; feature I can use anywhere?

[Friech]

Hi There,

That is an inline css that you can place in the column’s STYLE field.

Thanks.

[Author]

Posts