Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 2, 2021 at 7:43 pm #1303658
    AlpineWeb

    I am trying to increase the header to 600 pix they use more of a banner than a logo.

    I tried this but nothing seemed to changed
    #top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
    height: 600px !important;
    line-height: 600px !important;
    }
    We do use some code to have full width image maybe that is effecting it?
    @media only screen and (min-width: 990px) {
    .responsive .container.av-logo-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    right: 0;
    }
    .html_header_top.html_logo_center .logo,
    .html_header_top.html_logo_center .logo a {
    overflow: visible;
    width: 100%;
    max-width: 100%;
    }
    .html_header_top.html_logo_center .logo img {
    margin-right: -2em;
    width: 90vw;
    max-width: 100%;
    }

    June 3, 2021 at 4:33 pm #1303817
    AlpineWeb

    Help I have tried every trick I have – still puzzled why this is not working I’m thinking something in my syntax is incorrect

    #top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
    height: 600px !important;
    line-height: 600px !important;
    }

    June 4, 2021 at 12:52 pm #1304012
    Rikard

    Hi,

    I’m not sure exactly what you are trying to achieve, but you should be able to control the height of the header using this CSS:

    #header_main {
  height: 600px;
}

    Best regards,
    Rikard

    June 4, 2021 at 3:09 pm #1304062
    AlpineWeb

    I want the header to be full width and 600 pixels in height – when I use the code provided it creates a 600 pixel gap between the menu and the image.

    When you look at it as it is now the header image is at the maximum 300 pixels provided in the Header Custom Height and it appears stretched. Essentially I want a custom value for the Header Custom Height of 600.

    June 4, 2021 at 6:18 pm #1304121
    AlpineWeb

    The header image is essentially 1310 x 600
    We want the image to take up 100% of the space at the top as it does now – it is just limited by the 300 px height. I hope I am explaining it right. Right now I have a distorted image on a production site – I sincerely appreciate any assistance on this.

    June 8, 2021 at 5:23 pm #1304712
    Yigit

    Hi,

    Sorry for the late reply!

    I uploaded a 1024x600px logo on my local installation, set container width to 1024px and then added following code to Quick CSS field and that did it – https://imgur.com/a/uOTg68p

    .html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.logo img, .logo a, .logo, .html_top_nav_header .av-logo-container {
    width: 100%;
    padding: 0;
}
.html_top_nav_header #top .av-logo-container {
    height: 600px;
}

    Could you please replace your code with this one? :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.