Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 16, 2015 at 9:27 pm #412595
    1979mark

    Hi guys,

    need help at my project.

    I insert the following css

    div#header_main_alternate, .av-main-nav > li > a { border: none !important; }

.logo img {
max-width: 1310px;
max-height: 200px;
}

    To have the header image at the full width of the boxed layout, but i want the full width also by resize the browser window and also on media like iphone ipad etc.

    Please be so kind and help me.

    March 17, 2015 at 11:29 am #412857
    Rikard

    Hi mmc-werbung!

    I’m not entirely sure what you mean but please try the following in Quick CSS:

    @media only screen and (max-width: 959px) {
.logo img {
max-width: 100% !important;
min-width:100% !important;
max-height: auto !important;
}
}

    If this should not work then please try to explain a bit more what you are trying to achieve.

    Cheers!
    Rikard

    • This reply was modified 9 years, 9 months ago by Rikard.
    March 17, 2015 at 4:04 pm #413023
    1979mark

    Hi Rikard,

    please have look at my screenshots. they are in different graphic resolutions. like 1600×1200 1280×1024 and 800×600

    I want that the header image is everytime i the correct resolution size.

    March 18, 2015 at 2:00 pm #413614
    1979mark

    Anybody could help me?
    How can i make the header graphic in boxed layout mode responsive to all important resolutions . 800×600 1024×768 etc

    March 19, 2015 at 11:47 am #414291
    1979mark

    Vielleicht auch mal auf Deutsch. Ich möchte gerne das sich das Headerbild der Auflösungsgröße anpasst und nicht rechts und links bei kleineren Auflösungen herausspringt.
    Es soll immer in der Box bleiben.

    March 19, 2015 at 3:45 pm #414534
    1979mark

    Please be so kind and help me

    March 19, 2015 at 5:50 pm #414683
    1979mark

    Ok i found something what could help.
    But by resizing there is a big space between header image and menu.
    Also if the logo resize by scrolling it should centred not in the left. any hints:

    div#header_main_alternate, .av-main-nav > li > a { border: none !important; }

.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}
div#header_main > .container {
padding: 0!important;
}
    March 19, 2015 at 10:58 pm #414883
    1979mark

    Maybe i forget to post the link http://goo.gl/koVqsq

    Please be so kind and help me

    March 20, 2015 at 7:54 pm #415484
    Elliott

    Hi!

    It looks like your using a very large logo there. In this case it would be best to set the image as your header background in Dashboard > Enfold > General Styling if you want it to span the whole header width in all screen sizes.

    Best regards,
    Elliott

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