Text is overlapping in a smaller browser

  • jelmer16

    (@jelmer16)


    10 years, 2 months ago

    I have a website/webshop for a restaurant, http://www.yaribu.com/barhi. I’ve build it all by myself but now have a issue that I can’t solve.

    When I pull my window of my browser smaller, the add-to-cart button goes over the text. How can I prevent this from happening?

Viewing 4 replies - 1 through 4 (of 4 total)
  • paulwpxp

    (@paulwp)

    10 years, 2 months ago

    Under your current custom css, put this in

    /* prevent text overlapsed with button in small screen*/
ul.products li.type-product > h3,
ul.products li.type-product > p,
ul.products li.type-product span.title-description {
	padding-right: 135px;
}
    Thread Starter jelmer16

    (@jelmer16)

    10 years, 2 months ago

    Hi Paul, thanks for your help 🙂

    Thread Starter jelmer16

    (@jelmer16)

    10 years, 2 months ago

    In my browser it looks perfect but on my mobile it still overlaps. How can I fix this? Do I need to create columns to be sure that it won’t overlap?

    paulwpxp

    (@paulwp)

    10 years, 2 months ago

    The code I posted works for small screen and big screen but some of the styles had been changed since then. If you have a backup or if you can remember, try reversing your code to the one at the time I posted that code.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Text is overlapping in a smaller browser’ is closed to new replies.

Tags