Problem with apple mobile and ipad devices?

Hi Guys,

I've got an odd one for you, my site is displaying perfectly on everything except apple mobiles and ipads - there is some odd code that seems to be setting some kind of background over the top of some text.

I can't seem to locate the code

Can anyone help please?

Text issue
Website Link

footer div does not setting at the bottom of the page

Hi there,

Guys, I am trying to set the <div id="ftr"> at the bottom of the page on the website meaningus.com. It should not move up in any browser. I had tried setting position: absolute; bottom: 0; width: 100% but if the upper div has smaller height <div id="ftr"> moves upward and stuck in the middle of window.

It may look good in your window currently, but if you see it in a tall window, it would not stay at the bottom.

I am tired of fixing it, but no luck. Please guys, help!

Column Width

Hello,

am moving from column-count css to this code : Codepen

I use to have
max-width: 501px : 1 Column
min-width: 502px to max-width: 890px : 2 columns
min-width: 891px to max-width: 1200px : 3 Columns
min-width: 1201px : 4 Columns

with Max column width of 400px

How can I adjust the codepen to match the above ? P.S. Am a bit lost with the fraction.

Order Horizontally instead of Vertically in Layout

Hello,

My site is based on Joomla and I use k2 extensions to display photos in a Masonry Style (because photos are not of the same height.

The link is here : Photo website dedicated to Mauritius

The photos are displayed correctly but not in the right order.

I would like the output to be:
 
| item 1          | item 2          | item 3          | item 4 
| item 5          | item 6          | item 7          | item 8 
| item 9          | item 10         | item 11         | item 12 

problem displaying images as aspect ratio 1:1 (square thumbnails)

having an issue with getting images to display as squares in 1:1 aspect ration on wordpress.
Im pulling in Woocomece gallery images and displaying them on the page.

However as you can see in the attached screenshot the object-fill: cover; or object-fill: fill; or even object-fill: none; is not working.
They are all being treated like object-fill: contain; but I need to show square thumbnails for images of all different aspect ratios.

Here is the code I am currently trying to use:

.woocommerce-product-gallery__image {
border: solid 5px #CCC;
background-color: #CCC;

Syndicate content