Expired
Hi,
on the site http://www.oltremateria.it
I made top-header visible on smartphone screen, placing this css in specular settings:
@media (max-width: 767px){
.top_nav { display: block !important;}
}
@media (max-width: 480px){
.header_10 #logo { left: 5% !important; }
.mobile_small_menu { top: 35% !important;}
#logo img {max-height: 40px !important;}
It’s ok but all the content of top header comes down too much. Do you know how can I move it a little up in his right position?
Regards
Marco
Hello,
Try adding this css too inside the @media (max-width: 480px) rule:
@media (max-width: 480px)
.top_nav .row-fluid .span6 { min-height: 3px !important; }
Result screenshot: https://postimg.cc/image/achnfmxyf/
Best regards!
It seems ok,
it looks fine but if I rotate smartphone in horizontal view it doesn’t look good yet.
Do you think it’s possible to optimize also for horizontal view smartphone?
Yes, just add this css:
@media (max-width: 797px) { .top_nav .row-fluid .span6 { min-height: 3px !important; }}
That’s the width of the mobile in landscape direction. Change the value until you are satisfied with the result.
It’s ok
thank you
marco
You must be logged in to reply to this topic.
