Jump to content

w3css & w3-hide-small


gordonisnz
 Share

Recommended Posts

Hello. Im converting an old site into w3css & removing excess code etc.

I have a few issues regarding the w3-hide-small option.

1) Ive got the top display showing my logo, title & the time.. 

 

On my main PC it is going ok, However ive added the w3-hide-small command on my logo.  But when i look in my mobile phone - the width is too wide & its not adjusting to the small screen.

It also STILL shows my logo even though ive advised it to HIDE on a small screen.

QUERIES: does the hide command ONLY work in a container ?  Ive tried it in a ROW with the GRID option  however the hide command does not appear to be working,

QUERY: is there a way to use containers - but within the grid style ?  or hide the logo on small screens & adjust the size of theother 2 columns ?

TINY Query. Is there a way to display ONE big container at the top - & have the time in a samller div (floating top-right), and the image/logo on the top left - the main title will flow around the other divs... (some titles are a bit long & look silly squashed in the middle).

 

Example site:  http://foe-new.kwister.com/decoration

EDIT: i have the viewport command in the header - but this does not seem to have an effect (what i see on other pages ive done - other subdomain) 

 

 

 

 

Edited by gordonisnz
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...