Site not displaying correctly on android browser

[spencerherron]

Hi there,

It seems the latest version of Atlier theme doesn’t display correctly on some mobile browsers? I’ve tested it on three different mobiles, using the android browser. It’s fine on chrome but not on others, unless I’m doing something wrong? Have attached pics for your reference.

I’d also be most grateful if you could help me with a couple of bits:

1. I’m currently using this code in my cms to hide the store ‘filter bar’ but if possible i’d like a bit of white space between my menu and products, is there any way of doing this?:
.woo-aux-options-wrap{
display:none;
}
}

2. Is there anyway of including the cart icon and account icon in my menu bar? I can’t figure out how to do this, I can only include them in my top bar.

Kind regards,
Spencer

Attachments:

You must be logged in to view attached files.

[SofiCo77]

Same problem. Not correctly displayed menu. The top menu items are not visible. Not allow header.

[David Martin – Support]

Hi both,

Test this: Theme Options => General => Performance Options => Off.

Clear your browser/device caches and any plugin caches/minifcations and re-test.

Thanks.

[spencerherron]

Hi David,

Many thanks for that, it’s done the trick, I disabled ‘Load pre-minified stylesheets’ and now it works properly on android browser.

Could you also please help me with my other questions, i.e.:

1. I’m currently using this code in my cms to hide the store ‘filter bar’ but if possible i’d like a bit of white space between my menu and products, is there any way of doing this?:
.woo-aux-options-wrap{
display:none;
}
}

2. Is there anyway of including the cart icon and account icon in my menu bar? I can’t figure out how to do this, I can only include them in my top bar.

Many thanks,
Spencer

[David Martin – Support]

Hi Spencer,

No problem.

1)

.post-type-archive-product.woocommerce ul.products.row {
  margin-top: 40px;
}

2) Not in the actual menu. Only in the Header Left/Right positions available in Theme Options => Header Options. So the right side of the logo on the right side of the header.