Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #247849

    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

    • This topic was modified 10 years ago by Keith.
    #248194

    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

    #248461

    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

    #249180

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.