expand the main page

[beyond_the_dream]

Hi 🙂

I added the alarm on my main page but it pushes other information to blank space.

<section class="looking-for custom-position-1 custom-md-border-top z-index-1">
<div class="container">
<!-- 서비스 오픈 알람 -->
<div class="alert success">
<span class="closebtn">&times;</span>
알림 스마트 공장 전용 에스넷 제조데이터 서비스 플랫폼 ZEZO는 2월 말 정식으로 오픈됩니다.
</div>
<div class="row align-items-center">

<div class="col-md-6 col-lg-7">
<div class="looking-for-box">
<!-- <h2>- <span class="text-1 custom-secondary-font"></span>
서비스 문의</h2> -->
<!-- <div>

</div>
<div>

</div>
<div>

</div> -->
<div class="row align-items-center">
<div class="col-lg-8">
<div style="float:left; margin-right:10px;" class="my-custom-logo"></div>
<div style="float:left; margin-right:10px;" class="my-custom-logo"></div>
<div style="float:left; margin-right:10px;" class="my-custom-logo"></div>
</div>
</div>
<p><span class="text-color-light"><br>
운영기관: 에스넷 | 이메일:[email protected] | 대표자: 박효대, 장병강<br>
사업자 등록번호: 120-81-086581 | 서울특별시 강남구 선릉로 514 (삼성동) 성원빌딩 10층</span></p>
</div>
</div>

<div class="col-md-3 d-flex justify-content-md-end mb-4 mb-md-0">

<span class="custom-call-to-action">
<span class="action-title text-color-primary">전화 문의</span>
<span class="action-info text-color-light">010-2589-5622</span>
</span>

</div>
<div class="col-md-3 col-lg-2">

<span class="custom-call-to-action">
<span class="action-title text-color-primary">이메일 문의</span>
<span class="action-info text-color-light">[email protected]</span>
</span>

</div>
</div>
</div>
</section>

<div class="alert success">

it is where I added the alert.

even if I delete the alert, I still have white blank space at the very end of the page.

How can I expand the background image size? or Do I need to add another container to remove the blank spack?

Thank you so much! I hope you have a good day!

---

[Support]

Hello,

Please try following the steps below:

1) First add a custom class in the looking-for section:

<section class="looking-for custom-looking-for-style-1 custom-position-1 custom-md-border-top z-index-1">......</section>

2) Add the given code below at (css/custom.css):

@media(min-width: 992px) {
	.custom-looking-for-style-1 {
	    position: absolute;
	    bottom: 0;
	    left: 50%;
	    transform: translate3d(-50%, 0, 0);
	    width: 100%;
	}
}

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts