-
AuthorPosts
-
October 26, 2019 at 2:46 pm #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.
October 26, 2019 at 2:48 pm #1151357if possible please provide me the CSS for the header (like the sample website, which I have provided in my first message)
October 26, 2019 at 10:55 pm #1151417Hi,
Thank you for the links, Please include an admin login in the Private Content area so we can examine closer.Best regards,
MikeOctober 29, 2019 at 7:52 am #1151982This reply has been marked as private.October 31, 2019 at 12:07 pm #1152675Hi,
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,
MikeOctober 31, 2019 at 12:15 pm #1152680This reply has been marked as private.November 1, 2019 at 12:42 pm #1152987Hi,
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,
MikeNovember 1, 2019 at 12:47 pm #1152991but 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.
November 1, 2019 at 12:50 pm #1152996November 1, 2019 at 1:05 pm #1153005yes, but it’s style is completely different from what our website is showing. Can I get a code for this style only?
November 1, 2019 at 11:38 pm #1153155Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.