Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1151356

    Hi,

    I’m using a logo above and menu below from the theme option and have followed your theme documentation (both header options) from this URL:- https://kriesi.at/documentation/enfold/header/#toggle-id-2

    But the problem is this when I’m adding any widget from the header widget option it is showing above the logo. I have tried each and every possible thing but problem is not getting resolved.

    Please check the link herewith.

    #1151357

    if possible please provide me the CSS for the header (like the sample website, which I have provided in my first message)

    #1151417

    Hi,
    Thank you for the links, Please include an admin login in the Private Content area so we can examine closer.

    Best regards,
    Mike

    #1151982
    This reply has been marked as private.
    #1152675

    Hi,
    Sorry for the late reply, and thanks for the login, but it looks like you have already sorted out the widget area so it is inline with the logo. Is this resolved now?

    Best regards,
    Mike

    #1152680
    This reply has been marked as private.
    #1152987

    Hi,
    When I look at your example site the phone and mail icons are next to the text links, so to achieve this I changed your custom html widget

    <ul class="contact1"><li class="phone"><span class="in1"><a href="tel://1-555-555-5555">[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]1-555-555-5555</a></span></li>   <li class="mail"><span class="in1"><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' size='20px'][/av_font_icon] (Email address hidden if logged out) </a> <a href="#">Free Consultation</a></span></li></ul>

    and added this css:

    .in1 {display: inline-block !important; }
    .contact1 ul,.contact2 ul {
    	list-style: none!important; 
    	list-style-type: none!important;
    	vertical-align: bottom !important;
    }
    ul.contact1 li { 
    	display: inline!important;
    	vertical-align: bottom !important; 
    }
    .phone a,.mail a {
    	font-size: 20px;
    	line-height: 20px;
    }

    Please clear your browser cache and check, and feel free to adjust to suit.

    Best regards,
    Mike

    #1152991

    but your code is using the inline phone and email icon whereas the website provided you in my last message is having icon above and text below, can you please review it again.

    #1152996

    Hi,
    Sorry, this looks inline to me:
    2019-11-01-064954

    Best regards,
    Mike

    #1153005

    yes, but it’s style is completely different from what our website is showing. Can I get a code for this style only?

    #1153155

    Hi,
    True, it is not exactly the same because the site you are trying to model is using the bootstrap framework and a different icon set. To get an exact match is going to take quite a bit more customization than what our scope covers here.
    You could hire a freelancer and they could build it out for you in a few hours.

    Best regards,
    Mike

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