-
AuthorPosts
-
April 7, 2015 at 10:15 am #424544
Hi,
I was wondering if it is possible for me to add some extra (clickable) logo’s in the Header space. I made a screenshot of what I mean.
Thanks in advance.
Regards,
Erik
April 7, 2015 at 1:46 pm #424665Hi erikvermeulen!
You can refer to this post and add a widget area to your header – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
Best regards,
YigitApril 7, 2015 at 1:52 pm #424672This reply has been marked as private.April 7, 2015 at 8:22 pm #424921Hey!
Try this CSS instead if you want it centered.
strong.second-logo { float: left; left: 50%; margin-right: auto; position: relative; transform: translate(-50%); }
Cheers!
ElliottApril 7, 2015 at 8:30 pm #424925That is not what I meant. That centers it horizontaly. But I want it on the right side, but centered verticly. It needs to line up with the logo on the left and the social media icons. Is there a way to do this?
April 8, 2015 at 8:19 am #425118Hey!
Please try adding this to Quick CSS under Enfold–>General Styling:
.second-logo img{ padding-top:40px; }
Cheers!
RikardApril 8, 2015 at 10:59 am #425171Hi thanks for the reply. It sort of worked, but i changed the image to a smaller logo and now it doesn’t line up again. Is there a way to always make an image, no matter the size, centered (vertically) in my header? Our own Logo is always centered so I assume there is a way.
Also when I scroll down, the menu bar shrinks. The NRTO logo then also shrinks (which is good) but it loses it’s positioned and gets stuck on the bottom border of the menu. It doesn’t look great. Is there a way to remedy this?
April 8, 2015 at 12:53 pm #425217Hi!
Please adjust the code Rikard posted to center it perfectly. Then add following code to Quick CSS
.header-scrolled .second-logo img { padding-top: 10px; }
Best regards,
YigitApril 8, 2015 at 2:16 pm #425291Ok thanks so much. I hope I’m not being to much trouble. I do have a follow-up question now about this.
The logo is now positioned as I want it. But I would like to logo to be a hyperlink to an externet webadres. Is this possible?
April 8, 2015 at 2:18 pm #425295Hey!
Please edit your code and add your link using HTML A tag. If you need help, please create a temporary admin login and post the link you would like to use
Cheers!
YigitApril 13, 2015 at 10:16 am #427387This reply has been marked as private.April 14, 2015 at 11:00 am #428122Hi!
Yes, that is possible. You can add it directly to the includes > helper-main-menu.php fileor add this to the functions.php file:
add_action('ava_main_header', 'ava_main_header_mod'); function ava_main_header_mod() { $output = '<div class="header-message">'; $output .= '<span class="blue bold">Vrijdag 17 april Open Dag!</span> <br>'; $output .= '<a href="http://www.intercollege.nl/contact/afspraak-maken/" class="orange bold">Meld je nu aan!</a>'; $output .= '</div>'; echo $output; }
Regards,
IsmaelApril 14, 2015 at 11:23 am #428133This reply has been marked as private.April 14, 2015 at 4:56 pm #428338Hey!
I cannot see the text on your page right now. Please add it once again and change its position by adding following code to Quick CSS
.header-message { position: relative; top: 10px; left: 10%; } .header-message * { font-weight: bold !important; }
Cheers!
YigitApril 15, 2015 at 9:54 am #428766This reply has been marked as private.April 15, 2015 at 11:20 am #428798Hi!
Please add following code to Quick CSS as well
.header-message { margin-top: -44px; } .header-scrolled .header-message { top: 70px; }
Regards,
YigitApril 15, 2015 at 12:16 pm #428841This reply has been marked as private.April 15, 2015 at 12:20 pm #428843Hi!
Please add following code to Quick CSS as well
.header-message { z-index: 99; }
Regards,
YigitApril 15, 2015 at 12:24 pm #428849This reply has been marked as private.April 15, 2015 at 12:30 pm #428859Hi!
Changes you made in Quick CSS field are safe but the ones in functions.php file will be overwritten. You can download pre-built child theme from here – http://kriesi.at/documentation/enfold/downloads/
Best regards,
YigitApril 15, 2015 at 12:35 pm #428862This reply has been marked as private.April 16, 2015 at 9:57 am #429456Hey!
You will not lose any settings when you move to a child theme. Refer to this link: http://kriesi.at/documentation/enfold/using-a-child-theme/
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Regards,
IsmaelApril 16, 2015 at 10:08 am #429462This reply has been marked as private.April 16, 2015 at 3:38 pm #429666Hi!
Please change following code
.header-message { position: relative; top: 105px; left: 30%; }
to following one
.header-message { position: relative; top: 85px; left: 30%; } @media only screen and (max-width: 769px) { .header-message { left: 40%; }} @media only screen and (max-width: 480px) { .header-message { top: 190px; left: 13%; }}
Regards,
YigitApril 20, 2015 at 11:15 am #431209This reply has been marked as private.April 21, 2015 at 4:35 pm #432111Hey!
I have found many links in this thread … can you please post one to the website in question? Please also provide us screenshots showing what you want to achieve, so we can give you some precise CSS code.
Best regards,
AndyApril 22, 2015 at 9:40 am #432647This reply has been marked as private.April 22, 2015 at 3:35 pm #432869Hi Erik!
Do you mind creating a temporary admin login and posting it here privately?
Cheers!
YigitApril 22, 2015 at 3:48 pm #432882This reply has been marked as private.April 23, 2015 at 5:24 pm #433624 -
AuthorPosts
- The topic ‘Add extra logo's in header space’ is closed to new replies.