-
Posts
-
hi. after the theme update https://kriesi.at/support/topic/map-and-contact-form-dont-work/#post-360870 the line in the header disapears. on the upper left side next to the logo?
how can i fix this? http://www.weinkellerei-woeber.at/weinkellerei/kontakt/
Hi diefleischerei!
It does show up fine on my end – http://i.imgur.com/keU2Vik.png
Please go to Enfold theme options > General Layout and adjust the dimensionsRegards,
YigitHi!
Which line are you referring to? Can you please provide a screenshot? If you want the orange line to connect with the logo, try this:
#header_main .container { padding: 0; } strong.logo { top: 1px; }Cheers!
IsmaelHi!
Please add following code to Quick CSS
@media only screen and (min-width: 2400px) { strong.logo { left: -132px; }}Cheers!
YigitDone but far worse.
QUICK CSS:
form#form-wysija-4 label {
display: none!important;
}
.widget_wysija_cont .updated, .widget_wysija_cont .login .message {
background-color: orange;
border-color: orange;
}#top #payment #place_order {
float: right !important;
margin: -4px 10px 10px 0 !important;
}.wgm-second-checkout .entry-content > div {
margin: 0 !important;
}.header_color .cart_dropdown .dropdown_widget li a, #top .header_color .avia_cart_buttons .button, #top .header_color .dropdown_widget .buttons .button, .header_color .cart_dropdown_first .cart_dropdown_link {
color: #000000;
}.header_color .cart_dropdown .dropdown_widget .widget_shopping_cart_content {
background: #ffffff;
color: #000000;
}@media only screen and (max-width: 1140px) { .header-scrolled strong.logo {
left: -22%;
}}#footer .widget_product_search.widget h3 {
padding-top: 0;
}
.header_color .cart_dropdown_first .cart_dropdown_link {
color: white;
}.header_color .dropdown_widget_cart .avia-arrow {
background-color: white;
}.ls-defaultskin { padding: 0; }
#top #payment #place_order { float: none!important; }
.widget_wysija_cont .updated {
height: 45px;
}#top #payment #place_order {
position: relative;
top: 5px;
left: 65px;
}div#header_main {
background-image: url(http://www.weinkellerei-woeber.at/weinkellerei/wp-content/uploads/2011/09/logo_linie.jpg);
background-position: 0% 50%;
background-repeat: no-repeat;
}
#header_main .container {
background-color: black;
}
.header-scrolled #header_main { background-position: 0% 68%; }input.wysija-submit.wysija-submit-field, p.wysija-paragraph { margin: 0; float: left; font-size: 14px !important;}
div#header_main {
background-image: url(http://www.weinkellerei-woeber.at/weinkellerei/wp-content/uploads/2014/10/logo_linie.jpg);
}#top .widget_product_search #searchform #searchsubmit { width: 65px; }
section#wysija-4 form {
margin-bottom: 0;
}input[type=”submit”] { padding: 8px 22px; }
form.checkout.wgm-second-checkout .col-1 h3 { margin-left: 10px; }
#top div.woocommerce-message { padding: 32px 45% 32px 15px; margin-bottom: 10px !important; }a.cart_dropdown_link {
color: #f05a1a!important;
}.woocommerce-info {
padding-left: 45px!important;
}#top div.woocommerce-message {
padding: 32px 0% 32px 40px;
}.js_active .tab {
display: none !important;
}div a.remove, .cart_totals h2, .cart_totals small { margin-left: 22px; }
@media only screen and (min-width: 2400px) { strong.logo { left: -132px; }}
Hey!
Please try adjusting the value. I check your website on a 1920px wide screen and it does work fine. I zoom out to reproduce the issue but if that does not help, you are going to need to adjust the values yourself.
Regards,
YigitTHX but it don`t works with:
@media only screen and (min-width: 1920px) { strong.logo { left: -132px; }}
OR:
@media only screen and (min-width: 3000px) { strong.logo { left: -132px; }}
there is alway a little break in the line left to the logo :(
Hi!
You are trying to connect the logo from an image background. I think this will not work on different screen sizes. I can see the site on a 1920×1080 screen resolution and it looks like this when we added the fix:
This is the fix:
#header_main .container { padding: 0; } strong.logo { top: 1px; }Use css media queries to change the value on different screen sizes. This will require a lot of css codes. Please hire a freelance developer to configure it for you.
Cheers!
IsmaelHi!
Or try this:
strong.logo:before { content: ''; display: block; width: 500px; height: 1px; background: orange; position: absolute; top: 55px; left: -450px; z-index: 9999; } strong.logo { overflow: visible; top: 1px; }Change the orange background to the exact “orange” color of the line background.
Best regards,
IsmaelHey!
We cannot see the issue. We have provided all possible solutions, you just need to adjust the values to find the correct values or alternatively you can try workaround Ismael provided here – https://kriesi.at/support/topic/line-disapear/#post-363434
Cheers!
Yigit
- You must be logged in to reply to this topic.