Hi!
I’m having trouble with an image resize on the portrait view of a mobile device. The image flashes for a second complete and resized and then moves back to zoomed. I found some mention of media only css for logos but this page does not use the logo / header.
Also on mobile, is it possible to get the social icon & phone number on the same line or stacked and centered? Right now it lines up like:
F
————phone number
The site: http://westsidebarbershopnwx.com/
Thanks for your help,
Keith
Hey Keith!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
width: 50%; }
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
padding-top: 0;
}}
Can you elaborate on the image issue?
Best regards,
Yigit
Thank you Yigit for the CSS code.
The image issue is easiest to see if you load the page on a phone and turn the phone back and forth between vertical and horizontal. In horizontal, their are three men in the picture and vertical just one with the image cropped. On my phone (iPhone 5) the picture shows all three for a spit second and then crops the image.
Perhaps I’m misunderstanding how it’s supposed to work? Is it possible for the image to resize instead of crop?
Thanks for your time.
Keith
Hi!
You can try a fullwidth slider instead of the color section background for that element. The background elements don’t have any background visibility options with respect to the visible elements.
Cheers!
Devin