Widget Displaying Vertical Instead of Horizontal

Hi,

I can see you’ve given this a good crack with the custom css… and you were really very nearly there.

What you will need to do, to get 2 widgets next to each other, is just drop the % width down a couple. Setting the width to 47% achieves what you want.

Please let me know how you get on.

Yes! I got it, thank you! Another quick problem (sorry!), how can I center the “titles” (wedding, sympathy flowers, special occasions). Again thank you so much for your help.

You should be able to do something like this;

.widgets_on_page h2.widgettitle {
    text-align: center;
}

If you like the plugin and the support you’ve got then a nice 5* review would be very much appreciated ??

Good luck with the site.

Perfect! The only problem is, when I view it page on mobile, the widgets are all jumbled up together. Is there a way to fix this?

Ah yes, you can use CSS media queries… something like this will put them next to each other on larger screens, but all vertically aligned on smaller screens.

/* Screens 768px and bigger - 2 widgets next to each other */
@media only screen and (min-width: 768px){
  .widgets_on_page li {
	width: 30%;
	float: left;
  }
}

/* Screens smaller than 768px - each widget vertically under each other */
@media only screen and (max-width: 767px){
  .widgets_on_page li {
	width: 80%;
  }
}