Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #217264

    Hi,
    I have purchased a copy of Enfold and I am considering it for a second customer.
    The customer wants a banner across the top, with the navigation below it. The site has to be responsive. Some examplees are
    http://182.160.156.94/~wx5teuh/gallery and http://182.160.156.94/~r05k9dju/

    Please let me know if this is possible with Enfold.
    I would appreciate if you can tell me if you have another template that will meet this requirement.
    Cheers
    Mohan

    #217560

    Hi Mohan-Iyer!

    Can you post a screenshot? Both of the links did not loaded.

    Regards,
    Yigit

    #217702

    Hi Yigit,
    Thanks for the email. Screensgots enclosed – The themes are Energy and Avada – both from Themeforest.
    http://tinypic.com/r/28b8l06/8 and

    http://tinypic.com/r/2u9obop/8

    Cheers
    M

    #217717

    Hey!

    Change the header type to “Header with Social icons and bottom navigation”. Edit header.php, find this code:

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

    Below, you can add the banner code:

    echo "<img class='header-banner' src='IMAGE URL HERE'/>";

    Use media queries to resize the banner on different screen sizes.

    Regards,
    Ismael

    #218322

    Hi Ismael,

    Thanks for the email. The solution is absolutely brilliant. I changed the Header type to “Header with Social icons and bottom navigation”.

    This is the code I have placed below :

    echo ““;

    What I wanted to put in, with aligncenter,

    logo-450-110

    Please let me know how I can achieve this.

    CSS element – banner-header
    Please see the screen-shot placed at http://tinypic.com/r/2iivhfp/8 I need to ensure that the image can be aligned as well as define a height. I tried the following code. It does not seem to work.

    I would appreciate if you can help me here. I am happy to provide access if needed.
    Cheers
    Mohan

    #218795

    Hi Mohan!

    Can you post the link to your website so we can inspect elements on it and provide you a more accurate custom CSS code?

    Cheers!
    Yigit

    #221281

    Hi Yigit,
    The link is http://182.160.156.94/~w02k29wi/
    I need to eliminate the logo from showing up and sort out the navigation.
    Cheers
    M

    #221419

    Hi Yigit,
    I would appreciate an early reponse.
    Cheers
    Mohan

    #221478

    Hey!

    I checked the website and I guess you managed to prevent the logo from showing up. I also check the banner and it resizes properly on different screen sizes. Add this on Quick CSS to fix the mobile view:

    @media only screen and (max-width: 767px) {
      .bottom_nav_header.social_header #header_main .container {
    height: 40px;
    line-height: 40px;
    }
    }
    

    Best regards,
    Ismael

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

You must be logged in to reply to this topic.