Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 31, 2014 at 3:59 am #217264
    Mohan-Iyer

    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

    January 31, 2014 at 6:00 pm #217560
    Yigit

    Hi Mohan-Iyer!

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

    Regards,
    Yigit

    February 1, 2014 at 3:38 am #217702
    Mohan-Iyer

    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

    February 1, 2014 at 7:35 am #217717
    Ismael

    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

    February 2, 2014 at 1:53 am #218322
    Mohan-Iyer

    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

    February 3, 2014 at 3:07 pm #218795
    Yigit

    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

    February 9, 2014 at 1:08 am #221281
    Mohan-Iyer

    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

    February 9, 2014 at 10:42 pm #221419
    Mohan-Iyer

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

    February 10, 2014 at 2:52 am #221478
    Ismael

    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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Responsive theme that supports a banner across the top’ is closed to new replies.