Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • March 4, 2015 at 8:53 pm #406033
    nachtschicht

    Hallo,

    wie kann ich das obige Hintergrundbild im Header auf meiner Seite responsive kriegen? background-size: cover zeigt keine Wirkung. Bin mit meinen Ideen am Ende.
    http://kulturlandschaft-erleben.de.maschinenhalle.eu/cms/

    Würde mich sehr über eine Hilfestellung freuen.

    Vielen Dank vorab.

    March 5, 2015 at 3:31 pm #406441
    Yigit

    Hallo!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
.header_bg {
  background-size: contain!important;
}}
@media only screen and (max-width: 769px) and (min-width: 481px) {
div#header_main {
  height: 205px;
}}
@media only screen and (max-width: 480px) {
div#header_main {
  height: 131px;
}}

    Best regards,
    Yigit

    March 9, 2015 at 7:00 pm #408360
    nachtschicht
    This reply has been marked as private.
    March 10, 2015 at 9:45 am #408682
    Ismael

    Hey!

    Remove the default background then add this to the Quick CSS field:

    #header_main > .container {
background: #abc103 url(//kulturlandschaft-erleben.de.maschinenhalle.eu/cms/wp-content/uploads/2015/03/header1.jpg) top center no-repeat scroll;
}

    Best regards,
    Ismael

    March 10, 2015 at 10:32 am #408708
    nachtschicht
    This reply has been marked as private.
    March 11, 2015 at 6:16 am #409679
    Ismael

    Hey!

    Replace the code with this:

    #header_main > .container {
  background: #abc103 url(//kulturlandschaft-erleben.de.maschinenhalle.eu/cms/wp-content/uploads/2015/03/header1.jpg) top center no-repeat scroll;
  background-size: cover;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

    IMO, you should remove the background image on mobile device or use another background image.

    Best regards,
    Ismael

    March 11, 2015 at 10:56 am #409743
    nachtschicht
    This reply has been marked as private.
    March 13, 2015 at 4:26 am #410825
    Andy

    Hey!

    can you please provide us admin access so we can take a deeper look into your footer on mobile devices? In the meanwhile please try to deactivate all plugins to see if this helps.

    Your mobile menu looks fine to me. How do you want it to look like instead? can you please send us a screenshot/mockup of the changes you wish?

    Regards,
    Andy

    • This reply was modified 9 years, 8 months ago by Andy.
    March 13, 2015 at 12:43 pm #410933
    nachtschicht
    This reply has been marked as private.
    March 13, 2015 at 4:57 pm #411108
    Andy

    Hey!

    also ich schreibe dir mal lieber auf Deutsch.
    Auf mobilen Endgeräten werde einige Bereiche der Website (wie z.B. der Footer) nicht dargestellt, weil der Bildschirm dafür einfach zu klein ist. Ich bezweifle dass dir das Ergebnis gefallen wird, aber du kannst es mit diesem Code hier versuchen: 

    @media only screen and (max-width: 479px) {
.responsive #socket .sub_menu_socket {
display: block;
}
}

    Bezüglich deines mobile Menüs hatte ich dich eigentlich gefragt gehabt, was du statt dessen haben möchtest und nicht was bereits auf deiner Website zu sehen ist :). Wir können ja nicht hellsehen und wissen welche Änderungen du dir wünscht. Daher bitten wir dich uns eine Skizze zuzusenden von dem wie es aussehen soll, damit wir dir einen passenden Code basteln können. Für mich sieht dein mobile Menü wie es bisher ist in Ordnung aus.

    Lieben Gruß,
    Andy

    March 13, 2015 at 5:44 pm #411161
    nachtschicht
    This reply has been marked as private.
    March 13, 2015 at 5:46 pm #411167
    nachtschicht
    This reply has been marked as private.
    March 13, 2015 at 5:59 pm #411172
    Andy

    Hey!

    ich bin mir nicht sicher was du genau meinst. Du möchtest dass dein mobile Menü nicht mehr zu sehen ist? also willst du es komplett entfernen? Falls ja, verwende diesen Code im Quick CSS:

    .avia_desktop #advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover {
display: none
}

    Ansonsten verhält sich deine mobile Seite standardmäßig soweit ich das sehen kann.

    Gruß,
    Andy

    • This reply was modified 9 years, 8 months ago by Andy.
    March 13, 2015 at 7:16 pm #411232
    nachtschicht
    This reply has been marked as private.
    March 13, 2015 at 8:44 pm #411283
    Andy

    Hi!

    ich habe leider kein iPhone, aber auf meinem htc ist das dann sichtbar, wenn ich nach rechts wische und ich somit dieses Menü öffne. Willst du dieses slide out Menü komplett entfernen? Wenn ja gehe zu Enfold->Header->Mobile Menu->Hide mobile menu submenu und aktivere dort das Häkchen.

    Gruß,
    Andy

    March 14, 2015 at 2:50 pm #411508
    nachtschicht
    This reply has been marked as private.
    March 14, 2015 at 8:11 pm #411549
    Andy

    Hi!

    sorry für das Hin und Her. Bitte versuche es mit diesem Code:

    @media only screen and (max-width: 767px){
   .responsive #top {
       position: relative;
   }
}

    Das müsste dafür sorgen, dass du nur noch das Menü öffnen kannst, wenn du auf den Menü Button klickst.
    Hoffe es klappt nun alles so wie du dir das wünscht!

    Lieben Gruß,
    Andy

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