I am wondering if someone can help me.
I have added some text to the header for a ‘Call To Action’. But the placement is spaced below the navigation bar.
I edited the margin of the text but it then creates a white bar under to the navigation bar.
I basically need the text ‘Call to action’ to be above the navigation bar, without a white bar being added underneath.
Hey James,
Please try the following in Quick CSS under Enfold->General Styling:
div.custom_text {
top: -40px !important;
}
Best regards,
Rikard
Hi Rikard,
Many thanks for that!
Another question, how can I edit the main navigation bar’s margin as the navigation links hover-over are over the call to action so you can’t click a link for the call to action etc.
Thanks.
James
Hi,
Please change your code to following one
div.custom_text {
position: relative;
font-size: 15px;
color: #711f20;
font-weight: bold;
right: 0;
top: 0;
width: 215px;
float: right;
height: 50px;
line-height: 50px;
z-index: 10
}
Best regards,
Yigit
Hi Yigit,
If I add the css code it removes the call to action.
If you could take a quick look that would be appreciated.
Thank you.
James
Hi,
I can’t see any “Call to action” inside your header: http://imgur.com/a/oBykJ
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
You could also apply a custom CSS class to your element, then you can call only this element inside your CSS codes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Best regards,
Andy