Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #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!

    This reply has been marked as private.

    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!




    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,


    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!



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



    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); }


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

You must be logged in to reply to this topic.