Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #218363

    Hello. I’m using the Header with Social Icons and Bottom Navigation header with my site, but for some reason when I view it on a phone, the social icons are placed behind the pop-up navigation. Can you tell me how to correct this?

    Also, I’m using code to make my full-width banner logo responsive and it looks great on all sizes EXCEPT for viewing on a phone horizontally. The image doesn’t stretch all the way across. I can’t find where to adjust the height in that case. An help is appreciated! Thank you!

    http://64.91.254.11/~gdigital/greatlakesfordcollision.com/

    #218373
    This reply has been marked as private.
    #218375

    Sorry for a third message, but I figured out how to fix the social icons being behind the menu on the phone. So the only thing I need assistance on from my initial request is the banner/logo width when viewed on a phone horizontally. Logo doesn’t stretch to the right edge. Thank you!

    Steve

    #218706

    Hi!

    Please try to insert following code into the quick css field

    
    @media only screen and (max-width: 767px){
    .responsive .logo {
    display: inline;
    }
    
    .responsive #header_main_alternate .mobileMenu {
    margin: 54px 0 16px;
    }
    }
    

    Best regards,
    Peter

    #218718

    Thanks! One small thing though. The banner/logo is a bit out of proportion vertically (stretched) in normal phone view – looks great horizontally.

    If I could possibly bug you about one more thing: If you look on the Services page, I have an easy slider set up with some placeholder pics. I have a fixed repeating main background image and also a fixed repeating background image in the footer area. Please note that when the slideshow advances, the image in the footer area moves around and also part of it quickly changes to black, then back to the image. Any idea why that might be happening?

    Thanks again!

    Steve

    #218724

    Update on moving footer background image with slider: only seems to happen in Chrome browser.

    #218840

    Hey!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab and check if that helps

    .container { 
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }

    Cheers!
    Yigit

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.