Responsive rescaling problem after 12inch screens

[egeislekel]

Hello,

I have a problem with the resizing the layout when I change the screen.
As you see in the 3rd image in the resolution 1024x768 and 1024x600 … (when its getting smaller after 12")

The image on the left getting closer to the text.
And the layout, the texts and the other images also changing.
Is there any chance to fix this?

Thank you

[ruenel]

Hi @egeislekel,

Thanks for writing in!

I have inspected your site and it turns out that you are having this issue because of the Yellow Pencil plugin. It generated this css:

<style id="yellow-pencil">
/*
	The following CSS generated by YellowPencil Plugin.
	https://waspthemes.com/yellow-pencil
*/
.entry-wrap .wpb_wrapper p{
    position:relative;
    left:-71px;
    top:-70px;
    font-size:-10px;
    line-height:19px;
}
.entry-wrap .vc_column_container:nth-child(2) .vc_single_image-img{
    position:relative;
    left:11px;
    top:-63px !important;
}
.entry-wrap .vc_column_container:nth-child(2) .wpb_text_column .wpb_wrapper{
    position:relative;
    left:83px;
    top:-53px;
}
.entry-wrap .wpb_row:nth-child(4) p span{
    position:relative;
    left:84px;
    top:-38px;
}
.entry-wrap .wpb_wrapper .attachment-large{
    position:relative;
    left:42px;
    top:-120px !important;
}
.entry-wrap .wpb_wrapper h5{
    position:relative;
    top:-64px;
    left:-35px;
}
.vc_custom_1542821757797 .wpb_wrapper img{
    position:relative;
    top:-77px;
    left:14px;
}
.entry-wrap .wpb_single_image img{
    position:relative;
    top:-70px !important;
}
p span strong > span{
    position:relative;
    left:0px;
    top:-14px;
    line-height:21.5px;
}
.entry-wrap h5 .baffo_adress_blu{
    position:relative;
    left:40px;
    top:-62px;
}
.entry-wrap .wpb_row:nth-child(4) .vc_single_image-wrapper{
    position:relative;
    top:0px;
}
.entry-wrap .wpb_row:nth-child(2) .wpb_text_column .wpb_wrapper{
    position:relative;
    left:67px;
}
.entry-wrap .wpb_wrapper .attachment-full{
    padding-right:0px;
    position:relative;
    top:-85px;
    margin-top:-8px;
    margin-left:9px;
    margin-right:-22px;
    left:264px;
}
.entry-wrap .wpb_row:nth-child(2) .wpb_text_column{
    position:relative;
    left:-5px;
}
.desktop .x-nav .menu-item:nth-child(6) > .menu-image-title-after:nth-child(1){
    position:relative;
    top:-17px;
}
.x-navbar-wrap .x-navbar .x-navbar-inner{
    margin-bottom:-18px;
}

</style>

This css is used to positioned the elements. Regretfully we are not familiar with this plugin. You may need to contact the original creators of this plugin to resolve your issue.

Thank you for your understanding.