Forum Replies Created
-
Posts
-
That’s it! Perfect as usual!
As always you guys are quick to respond and your knowledge of the code is awesome .
Cheers!
O.
Thank you so much Ismael,
that works great.
Iniitially it didn’t, but then I did notice an error in your code. You were missing a ‘ { ‘ on the first line
@media only screen and (max-width: 1024px) #header_main .container, .main_menu ul:first-child > li a { height: 90px !important; line-height: 90px !important; } } Should be: @media only screen and (max-width: 1024px) { #header_main .container, .main_menu ul:first-child > li a { height: 90px !important; line-height: 90px !important; } }Thanks again !
Thank you Ismael for the reply.
@media only screen and (max-width: 989px)
I had to change this part to max width 1024 (as that is ipad mini resolution) for it to work.The image max height now works great, however upon ‘shrink’, the header itself remains at height of 180px (which was set in , which is set in Header Layout -> Header Custom Height (which is to accomadate the full size logo when viewing on normal screen).
On ipad, this header custom height takes up almost 1/3 of the screen, making the site unviewable (see screenshot https://www.dropbox.com/s/ty83sr3uoa69g46/photo3.PNG?dl=0 ).
Is it possible to also force the custom header height only for ipad/tablet?
I would like to keep the feature of menu appearing on transparent background when full size (with larger logo), and then scaling down to smaller logo, with menu having solid background.Icons in header:
I copied the shortcode into Header Layout -> Extra Elements -> Phone Number or Small Info Text.
However the shortcode doesnt work, and appears itself in the live site (see screenshot)
https://www.dropbox.com/s/oh6ak6f2lxeine7/Screen%20Shot%202014-09-22%20at%2009.55.11.png?dl=0thanks again for your help,
O.OH and I forgot to type final question…
2. Is is possible to put icons in the top bar – extra element – #top .phone-info
I want to add phone and email icons to go with the text I have added.Thanks again
