responsive product overview

WPPizza – A Restaurant Plugin for WordPress › Support › General Support › responsive product overview

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • 24 July, 2017 at 2:57 pm #29142
    vesaros
    Participant

      Hi Olly,

      i work on a page for a pizza service and got a problem for the responsive product overview.

      The font of the name is way to big and when you have a a bigger pizza name + allergenes and 3 prizces for every size inclusive a product picutre then it blows up on smartphones and looks not so nice anymore.

      The i found this code snippet:

      https://www.wp-pizza.com/topic/making-the-default-css-responsive/

      And thats a really nice one, but when i use it it blocks somehow the possibility to touch on the prizes. It seems that something blocks the css of the prices.
      Whats the problem here? I stuck on this since 3 days and tried alot of things (changes on .css or else) but nothing worked.

      Can you please say me what i have to change, so taht this snippet works and the prices are touchable?

      Kind regards,

      Vesaros

      24 July, 2017 at 2:57 pm #29144
      Olly
      Admin & Mod

        without a link to the site i cannot comment really

        24 July, 2017 at 7:09 pm #29145
        vesaros
        Participant
          This reply has been marked as private.
          24 July, 2017 at 8:12 pm #29166
          Olly
          Admin & Mod

            you are adding this

            @media screen and (max-width: 901px)
            .wppizza-article-info {
            position: relative;
            }

            which results in that div blocking prices which in turn makes them unclickable.
            i would suggest you start with wppizza->layout -> style == responsive

            and/or adjust your custom css

            24 July, 2017 at 9:10 pm #29167
            vesaros
            Participant

              Okay..

              i’m not a specialist on .css and just need a little wink into the right direction.

              I followed your advice and startet with responsive in the settings.
              I copied the default source als responsive .css into themes folder.

              Now it looks perfekt on smartphone…uuuuahg but not on computer.
              Why the hell the info text is not next to the img like on smartphone?
              It seems to be standing under the product.
              This should be the same .css now…I’m confused and dont get it. 🙂

              Do you have some nice advice again please? 🙂

              Best regards,
              Vesaros

              Nevermind..stupid Cloudflare cache. 😀

            • Author
              Posts
            Viewing 5 posts - 1 through 5 (of 5 total)
            • The topic ‘responsive product overview’ is closed to new replies.