Hello,
Please give the screenshot of that white space.
Hi, Thanks for your reply.
Here is the Screenshot : https://postimg.org/image/un0nfs7f5/
Thanks !
Hello,
trip your Screenshot is not visible to us. Send it again.
Hello
first, create a child theme using given LINK
now copy breadcrums.php from main theme folder and paste in child theme folder after copy and paste open breadcrums.php of child theme folder go to line no.1 see codes
<div class="enigma_header_breadcrum_title">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1><?php if(is_home()){echo "";}else{the_title();} ?></h1>
<!-- BreadCrumb -->
<?php if (function_exists('weblizar_breadcrumbs')) weblizar_breadcrumbs(); ?>
<!-- BreadCrumb -->
</div>
</div>
</div>
</div>
replace it with below code
<div class="enigma_header_breadcrum_title">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-8">
<h1><?php if(is_home()){echo "";}else{the_title();} ?></h1>
<!-- BreadCrumb -->
<?php if (function_exists('weblizar_breadcrumbs')) weblizar_breadcrumbs(); ?>
</div>
<div class="col-md-4">
<div class="input-group">
<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<input type="text" class="form-control" name="s" id="s" placeholder="<?php _e( "What do you want to find?", 'enigma' ); ?>" />
<span class="input-group-btn">
<button class="btn btn-search" type="submit"><i class="fa fa-search"></i></button>
</span>
</form>
</div>
</div>
<!-- BreadCrumb -->
</div>
</div>
</div>
</div>
and save file.
Hi, first of all thanks a lot for the replies is there anyway to remove this space ?
Hello,
Which space you want to remove please give a screenshot for this issue.
It’s the same space from the screenshot I attached befire. I don’t have a child theme yet so I planned just to remove that white space
Thanks 🙂
Please go to Dashboard -> Appearance -> Customize ->Theme Options-> Theme General Options -> Custom CSS
insert code into Custom CSS box and save
@media (min-width: 1200px)
.enigma_header_breadcrum_title {
padding-top: 20px !important;
}
Thanks.
Hi, Thanks for the reply but it is still not working.
hii,
use this CSS –
@media (min-width: 1200px){
.enigma_header_breadcrum_title {
padding-top: 0 !important;
}
}
Thanks.