Mobile space

  • Resolved bestofbristol

    (@bestofbristol)


    4 years, 9 months ago

    Hello,

    Few problems i’m having…

    1. The spacing between sections when the menu is on mobile. Is there a way to make this bigger at all?

    2. ‘Tuby Tom’s Mu-Tang Mustard (Vegan)’ on mobile is overlapping with the price. Is there a way to fix that?

    3. Also apostrophes for ” Tuby Tom’s ” are coming out like this ” Tuby Tom\’s ”

    Is there a way to fix that as well?

    Thanks so much in advance!

    Sam

    • This topic was modified 4 years, 9 months ago by bestofbristol.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author PriceListo

    (@pricelisto)

    Hello @bestofbristol,

    Most of those seem like CSS issues, so they can be fixed easily if you have knowledge of CSS.

    1. You can use CSS such as this. Feel free to play around with 40px, go higher or lower depending on your preference. 

    @media only screen and (max-width: 767px) {
	.brm-menu-section {
		margin: 40px 0;
	}
}

    2. Doesn’t overlap when I test it but you can try playing with right padding on brm-item-name element. Something like this (60px is number to play with):

    @media only screen and (max-width: 767px) {
	.brm-item-name {
		padding: 0 60px 6px 0;
	}
}

    3. This is fixed in latest version 1.1.1 released yesterday.

    • This reply was modified 4 years, 9 months ago by PriceListo. Reason: Fixed spacing issues in CSS
    • This reply was modified 4 years, 9 months ago by PriceListo.
    Thread Starter bestofbristol

    (@bestofbristol)

    PERFECT! Thank you so much.

    Plugin Author PriceListo

    (@pricelisto)

    No problem. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile space’ is closed to new replies.