Header Image Small

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: header

Author

Posts
July 31, 2018 at 12:27 pm #440562

Harwin Heuer
Free User

Post count: 10

Hi,

Is there a way to resize the header or remove the header image?

July 31, 2018 at 12:31 pm #440565

Guust
Moderator

Post count: 29970

Most likely, yes. It all depends on the theme you use, so if you post your URL then we can have a look for you.
Thanks

July 31, 2018 at 12:37 pm #440568

Harwin Heuer
Free User

Post count: 10

Thank you for your reply again 🙂

I am using the Supreme Directory
https://www.erongodirectory.com/

I would either want to remove it and just have the search bar or just have it very small to fit in the search bar and header name. I will attach photos with that I mean.

July 31, 2018 at 1:30 pm #440582
Kor
Moderator

Post count: 16516
Hi Harwin,

Insert the custom CSS code below into GD > Design > Scripts > Custom Style CSS.
```
.sd-homepage .featured-area {
    height: 60vh!important;
}
```
July 31, 2018 at 2:02 pm #440587

Harwin Heuer
Free User

Post count: 10

Thank you very much,

That worked perfectly, just changed 60 to 40 🙂

One more question? Everything is not lining up properly? With header and map are same length and then the bottom is totally out. Please see photo attached.

July 31, 2018 at 2:06 pm #440589

Harwin Heuer
Free User

Post count: 10

I changed the header back 60, because I noticed with mobile view it needs to be 60 for the icons to fit. Thank you

July 31, 2018 at 2:43 pm #440600

Kor
Moderator

Post count: 16516

Hi harwin,

Thanks for your reply and I’m glad that helped. What do you mean by “header and map are same length and then the bottom is totally out”? Do you mean you want the bottom content to display in full width?

Thanks!

July 31, 2018 at 5:09 pm #440636

Harwin Heuer
Free User

Post count: 10

Yes that is right, bottom content to be full width,
Or the header and map to be same width as bottom content,

Any will be fine 🙂

Thanks so much.

August 1, 2018 at 3:09 am #440712
Kor
Moderator

Post count: 16516
Hi Harwin,

Thanks for your reply. Insert the custom CSS code below into GD > Design > Scripts > Custom Style CSS to achieve that.
```
.container, .geodir-common, .geodir-breadcrumb, .geodir_full_page section.widget, .geodir_preview_section, .geodir-common, .geodir-breadcrumb, .geodir_full_page .widget, .geodir_preview_section {
    width: 100%!important;
}
```
August 1, 2018 at 6:08 am #440719

Harwin Heuer
Free User

Post count: 10

Thank you so much!!! You are awesome!! Everything is perfect now 🙂
Author

Posts