Tagged: mobile view Toggle Comment Threads | Keyboard Shortcuts

  • kilikoi 12:05 pm on November 28, 2016 Permalink | Flag unresolved

      Tags: , , mobile view   

      Black Walnut css mobile 

      Hi Elma Team,

      ich weiß das das eher ins feld individualisierungen fällt, aber vielleicht ist es ja etwas ganz einfaches das ich einfach übersehe?
      ich habe bei dem Theme Black Walnut einige Anpassungen für die Archiv Seite gemacht, um diese als Site nutzen zu können. Z.B. hide the Category Header, Schrift größer und linksbündig. Funktioniert alles einwandfrei, ausser in der mobile Ansicht. Die ID’s
      .archive-header und .archive-header .taxonomy-description p sind doch eigentlich general?
      Hier der Link zur Seite: http://juttaschiborr.eu/

      Viele Grüße,
      Jo

       
      • Marc (Support-Team) 1:27 pm on November 28, 2016 Permalink | Log in to Reply

        Hallo Jo,

        du hast diese CSS-Anpassung in folgendem Media-Query eingefasst:

        @media screen and (min-width: 1130px) {
        ...
        }
        

        Dadurch wird der Code nur für Bildschirmbreiten ab 1130 Pixeln angewandt. Wenn du das entsprechende Stück CSS-Code vorher einfügst, wird dieser immer angewandt.

        Viele Grüße
        Marc

        • kilikoi 4:49 pm on November 28, 2016 Permalink | Log in to Reply

          Oh Mann, danke da habe ich jetzt ewig gesucht. Ich verwende ein custom CSS plugin in dem ich alles ändere, bevor ich es ins Child Theme übertrage und habe das @media screen übersehen obwol ich im Prinzip die ganz Zeit draufgestarrt habe. VIELEN, VIELEN DANK!
          Jo

    • jweaving 8:42 am on July 31, 2014 Permalink | Flag unresolved

        Tags: , mobile view,   

        Pohutukawa Theme – Desktop and Mobile view fixes… 

        On desktop view:

        • What is the code to remove the black horizontal line in the header image?

         

        On mobile & desktop view (smartphone & tablet):

        • Are all the menus supposed to be displayed vertically centered after the posts? (ex: the menu box, categories, etc.)
        • Why are the sharing icons displaying vertically? Is there code to correct this? Do the sharing icons display vertically on desktop view?

        The site to view is: http://junkyardsnearme.com/blog

        Thanks!

         
        • PixelPrinzip 4:33 pm on July 31, 2014 Permalink | Log in to Reply

          Hello jweaving,
          for the first problem you have to search for this in your CSS:
          #branding {
          width: 980px;
          margin: 0 auto;
          padding: 38px 0;
          background: none;
          border-bottom: 1px solid #000;
          }
          and delete the border-bottom:1px solid #000;

          • jweaving 2:41 pm on August 1, 2014 Permalink | Log in to Reply

            Ok, I will check that out today!

            …on the second issue, the sharing icons (facebook, twitter, etc.) show vertically on mobile (smartphone and tablet) if you choose “view full site” — it seems to work if you use the mobile version.

            But on the desktop version, it is showing vertically no matter what I try.

            • Marc (Support-Team) 10:08 am on August 4, 2014 Permalink | Log in to Reply

              Hi,

              the following CSS should fix the problem:

              .sd-content ul li {
              	display: inline !important;
              }
              

              Best,
              Marc

      c
      compose new post
      j
      next post/next comment
      k
      previous post/previous comment
      r
      reply
      e
      edit
      o
      show/hide comments
      t
      go to top
      l
      go to login
      h
      show/hide help
      shift + esc
      cancel