dt125x

also it shows contact form in header different as Chrome or firefox…
It should be all in one row but it is not in IE

yes, it is the same…

This do not solve my problem… on small screen it makes too much free space… I assume there is no solution ??

Yes of course… How can I set margins to 0 that there is no space between when it is on small screen ?

yep, I have IE9… Is it maybe becouse of added widget after the navbar ? hm

I have this code for getting carousel smaller : /*Slider size*/
.carousel .item {
line-height: 350px;
overflow: hidden;
margin-left:auto;
margin-right:auto;
min-height: 350px;
}

I want it to be smaller… but in the same time can it look at least a little better when scaled down ? Is there any css for solving this problem ?

Ok I made some changes with percentages but it yust changes lenght of areas… It dont help with responsivnes… It still go in 3 rows when scaled down…

:=)

I want to center it and made it responsive that it do not go over the main text when screen is resized…

I tryed to center it but CSS is not listening ??

Also I have problem with free space around slider when scaled down…
Can you help with this also ?
https://www.apartmentsinmakarska.net/
Thanks

Problem was in this “div”. When I erased it and put .tc-header everything got on it’s place :

div.wpcf7 {
margin:auto ;
padding:0;
width:600px;
height:20px;
}

I have problem with internet explorer… it shows top menu verical and “submit” button under the contact form…
When I erased all custom css it stayed the same… Is it maybe becouse of extra widget in the header ?

And can this contact form become more responsive that it stays in one row when it is scaled down ?

Thanks

Ok, now I erased all custom css and left this one which is for contact form :

div.wpcf7 {
margin:auto ;
padding:0;
width:600px;
height:20px;
}

.span4.submit {
position: relative;
top: 20px;
}

.wpcf7 textarea {
font-size: 11px;
height: 20px;
margin: 0;
}

If you can try to add some code to set it over the slider and to become responsive and put the code id “.tc-header .wpcf7” to specify just this contact form…

Contact me over my page contact form that I can see your mail… ??

You want to try it yourself ? I will give you my pass… I think I believe you ??

I added this in my funcitons.php :

<?php

// Adds a widget area.
if (function_exists(‘register_sidebar’)) {
register_sidebar(array(
‘name’ => ‘Extra Header Widget Area’,
‘id’ => ‘extra-widget-area’,
‘description’ => ‘Extra widget area after the header’,
‘before_widget’ => ‘<div class=”widget my-extra-widget”>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’
));
}

// Place the widget area after the header
add_action (‘__after_navbar’, ‘add_my_widget_area’, 0);
function add_my_widget_area() {
if (function_exists(‘dynamic_sidebar’)) {
dynamic_sidebar(‘Extra Header Widget Area’);
}
}

I added this in custom css :

// Place the widget area after the header
add_action (‘__after_header’, ‘add_my_widget_area’, 0);
function add_my_widget_area() {
if (function_exists(‘dynamic_sidebar’)) {
dynamic_sidebar(‘Extra Header Widget Area’);
}
}
I see that in css and php is written different in css: after header and in php after navbar
I changed it both in after the navbar and put css:
.tc-header {
height:195px;
}
Now It is ok in big screen but when it scales down it dont work…

So my last 2 questions:

1.This css affects on every contact form on my page…
I think I should paste #wpcf7-f840-o1 (840 is the ID of this contact form) in fornt od those 3 code areas but I dont know how to apply it in fornt of first one “div.wpcf7” ?

2. How could I make this contact form responsive when I scale window down that it stays in a single row… Now it makes 3 rows when it is shown on small screen…

??

This code is applyed now and it almost work perfect:

div.wpcf7 {
margin:auto ;
padding:0;
width:600px;
height:20px;
}

.span4.submit {
position: relative;
top: 20px;
}

.wpcf7 textarea {
font-size: 11px;
height: 20px;
margin: 0;
}

Three more things:

1.I found “>” problem, I wrote it in the widget by mistake…but now when there is not “>” slideshow got up over the contact form… which margin should I change?

2.This css affects on every contact form on my page…
I think I should paste #wpcf7-f840-o1 (840 is the ID of this contact form) in fornt od those 3 code areas but I dont know how to apply it in fornt of first one “div.wpcf7” ?

3. How could I make this contact form responsive when I scale window down that it stays in a single row… Now it makes 3 rows when it is shown on small screen…

Thanks!!!

It kin a worked but I need to set it up…

I put in css :
div.wpcf7 {
margin:0 ;
padding:0;
width:350px;
height:130px;
}

I need to center it, get text area smaller and “send” button set after text area…

any css suggestions ?

Thank you very much for help !!!