On a mobile browser or desktop when horizontal screen resolution is approx 320px I noted horizontal scrolling available.
The default Commons installation is also affected. Screenshots attached.
The issue resulted in a mobile browser opens a page than page doesn't fill a full device screen.

Any ideas will be very appreciate.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

guruslot’s picture

Got it!
global.style.css

.sharethis_wrapper

line causing problem - white-space: nowrap

guruslot’s picture

There is also another CSS issue related to Main menu and Browsing Widget.
Here are two screenshots attached below, one made on Symbian OS and other one belongs to Android Browser.

Meanwhile, there are no similar issues on Apple devices. iPad and iPhone both successfully pass test.
PS. Regarding the search button align I have no idea. It displays well on iOS devices and desktop browser in narrow mode but Android Browser breaks aligning

guruslot’s picture

It is a little bit strange that no one have met the same issue. Meanwhile further investigation shows the bug in following CSS lines:

font: 0/0 a;
font: 0/30px a;

These lines have possible conflict with some browsers.

Have tried to replace with following lines according stackexchange :)

line-height: 0;
font-size: 0;
color: transparent;

lsolesen’s picture

Status: Active » Closed (won't fix)

Closing out old issues. Please reopen if still relevant.

lsolesen’s picture

Category: Support request » Bug report
Status: Closed (won't fix) » Active

Closed by mistake. This might still be a valid issue. Please close it with the solution, if you already solved it.

apaderno’s picture

Version: 7.x-3.8 » 7.x-3.x-dev
Issue tags: -adaptive theme +adaptive themes