Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 28, 2014 at 9:09 pm #359881
    hermelina

    Hi Guys,

    I changed to non-responsive and would like to set the combined width of the content and sidebar to 85 or 90 %. I tried it with the select element under “dimensions”. But it seems not to work properly. From from 80 % up there are no changes anymore.
    Would you help me, please.

    Kind regards
    hermelina

    November 29, 2014 at 12:09 am #359968
    Elliott

    Hi hermelina!

    Your probably wanting to change the maximum container width. There will be some padding to the main container so you probably won’t see any changes unless you change the maximum container width as well.

    If your still having problems then send us a link and take a screenshot highlighting what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    December 1, 2014 at 4:59 pm #360865
    hermelina
    This reply has been marked as private.
    December 1, 2014 at 10:36 pm #361111
    Elliott

    Hey!

    Oh I see. That option is not available when your not using the responsive settings. You can try adding this to your custom CSS to increase the maximum size of the container.

    .container {
    max-width: 1210px !important;
}

    But I think what your really wanting to do is turn on the responsive settings and change the maximum width container field.

    Since you requested a German speaker I’ll go ahead and flag this for Andy, another member of our team.

    Cheers!
    Elliott

    December 2, 2014 at 2:02 am #361225
    Andy

    Hey!

    wenn du bei “Responsive Site” doch ein Häkchen machst und dann bei “Maximum Container width” 100% eingibst, dann klappt es wunderbar mit dem Layout über die gesamte Seite und du hast noch zusätzlich Kompatibilität auf mobilen Endgeräten.

    Lass mich wissen, ob dich das glücklich macht :)

    Liebe Grüße,
    Andy

    December 2, 2014 at 3:23 pm #361452
    hermelina

    Hi Andy & Elliott,

    many thanx for your replies! I added the custom css and it works nearly perfectly. Sorry, but now I have to write in german again…

    Andy, danke Dir, eigentlich wollte ich ursprünglich auch eine responsive Seite, habe mich aber inzwischen dagegen entschieden, weil mir die Ergebnisse auf Smartphones und Tablets nicht so gut gefallen (liegt nicht am Theme, sondern an meinem eigenen Unvermögen, bin keine Web-Designerin und möchte endlich meine Seiten fertig bekommen…)

    Also jetzt zu meinem kleinen Problem: Das Häkchen habe ich rausgelassen, custom css von Andy eingefügt und angpasst. Auf Laptops und größeren Bildschirmen sieht alles auch erste Sahne aus, aber bei Smartphones und Tablets passen sich die Seiten immer noch an. Leider mit etwas unschönen Ergebnissen. Falls Du noch einen Blick drauf werfen willst, habe ich auf der Test Page ein neues Screenshot eingestellt. An sich ist aber meine Frage: Wie kann ich mein Child Theme nun dazu bringen, dass es die Seiten nicht mehr automatisch anpasst – auch wenn’s gegen alle aktuellen Regeln der Webdesign-Kunst verstößt ;)

    Liebe Grüße
    hermelina

    December 3, 2014 at 3:52 am #361920
    Ismael

    Hi!

    If you only want to affect the desktop version of the theme, please replace the code with this:

    @media only screen and (min-width: 1024px) { 
.container { max-width: 1210px !important; }
}

    I’m not sure if I understand it correctly so I’ll ask Andy to check.

    Best regards,
    Ismael

    December 3, 2014 at 9:31 pm #362489
    Andy

    Hey!

    klappt es mit Ismael’s Code?

    Falls du doch dafür sorgen möchtest, dass es auch auf anderen mobilen Endgeräten toll dargestellt wird, dann können wir dir auf jeden Fall halfen!
    Deine PDF Datei lässt sich zum Beispiel so in eine bessere Position bringen:

    .mtli_attachment {
margin-left: -50px;
}

    Spiele ein wenig herum mit der Zahl “-50”, bist du etwas passendes für dich findest.

    Dein Button:

    .av_promobox {
padding: 20px 10px;
margin: 10px 0;
width: 90%
}
.av_promobox .avia-button.avia-size-small {
margin-right: -20px;
}
.avia-button.avia-size-small {
min-width: 44px;
}

    Mit den letzten beiden Werten kannst du ebenfalls herumspielen (-20px; und 44px;).

    Liebe Grüße,
    Andy

    • This reply was modified 10 years ago by Andy.
    December 4, 2014 at 8:55 pm #363221
    hermelina

    Hi Ismael & Andy,
    many thanx for the codes! With @media… it works much better.

    Andy, ich habe auch mit “Deinen” Codes herumgespielt. Das waren tolle Tipps, ganz dicken Dank dafür. Nachdem ich mir allerdings jetzt meine Seiten auf den verschiedenen Endgeräten angesehen habe und auch in drei verschiedenen Browsern, werde ich wohl am Layout noch ein bisserl mehr herumbasteln. Speziell der IE bringt hier und da komische Sachen hervor. Fürchte, da werde ich in ein paar Tagen noch einmal auf Euch zukommen müssen…

    Dieser Thread kann auf jeden Fall geschlossen werden – und um Deine Frage von vor ein paar Tagen zu beantworten: Ich bin abslout happy damit! :)

    Liebe Grüße
    hermelina

    L

    December 5, 2014 at 12:37 am #363345
    Andy

    Hey!

    schön, dass dir die Codes bisher helfen konnten. Gerne sind wir wieder für dich da, wenn du Hilfe benötigst.

    Liebe Grüße,
    Andy

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Combined width’ is closed to new replies.