How to make header logo span across top of page

Hey connect4consulting!

I have loaded your web site and I can see it, really large.
Can u let us know if you have fixed it?

Regards,
Basilis

Hi!

The current setup is difficult to troubleshoot and fix the bug please remove the custom css you have added to avoid conflict with the code we will provide you and let us know when you are done so we can inspect your site and give you the new code :)

Regards,
Vinay

Hey!

Thank you but the custom CSS will not be of much help for us as it is causing some issues while re-sizing the window. If you cannot remove it please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

Best regards,
Vinay

Hey!

We are working on your ticket please wait while we update the results here soon.

Please hard refresh to clear the browser cache and review the site now we have added the below CSS

.html_header_top.html_logo_center .logo {
    width:100%;
    text-align:center;
    padding-top:20px;
}

@media only screen and (max-width: 970px) {
.html_header_top.html_logo_center .logo {
    left: 10%!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    padding-top: 40px;
    text-align:left;
}}

#header #header_main_alternate .container {
   background-color: #2C3E50; 
   min-width:100%;  

}

#top #wrap_all .header_color h1 {
    color: #e74d3c;  
    font-family: 'Gruppo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    font-size:4vw;
}

.avia_mega > li:nth-child(1) > a:nth-child(1) {
display: none!important;
}
#top .av-submenu-container {
    height: 65px;
    position: absolute;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    font-size: 14x;
    color: #585c96!important;
    font-family: 'Questrial'!important;    
}

Best regards,
Vinay

• This reply was modified 8 years, 8 months ago by Vinay.

Hi!

We checked the responsive logo in firefox latest version on windows and it looks same as in chrome for me. Please post a screenshot of the issue and let us know more info which platform you are viewing it on so we can further troubleshoot it.

Cheers!
Vinay

Hi!

Not a problem. We added a extra bit of code for large monitors

@media only screen and (min-width: 1400px) {
#top #wrap_all .header_color h1 {
    font-size:70px;
}
}

Please review the site now and let us know…

Cheers!
Vinay