W
williamshenOct 13, 2016
Hi,
I was just wondering how we could center .header-extras on the screen. Using 'divcenter' does not work.
http://puu.sh/rHcJI/e4a3558c20.jpg
http://puu.sh/rHcJV/52b5349e3c.jpg
Thanks for any help!
Hi,
I was just wondering how we could center .header-extras on the screen. Using 'divcenter' does not work.
http://puu.sh/rHcJI/e4a3558c20.jpg
http://puu.sh/rHcJV/52b5349e3c.jpg
Thanks for any help!
Hello,
Please consider using the following code for the Header Extras:
<ul class="header-extras center">
<li class="tleft inline-block">
<i class="i-plain icon-email3 nomargin"></i>
<div class="he-text">
Drop an Email
<span>info@canvas.com</span>
</div>
</li>
<li class="tleft inline-block">
<i class="i-plain icon-call nomargin"></i>
<div class="he-text">
Get in Touch
<span>1800-1144-551</span>
</div>
</li>
</ul>This will definitely work fine. Additionally, do make sure that you have added the following CSS Code to make the Header Extras display on Mobile Devices:
@media (max-width: 991px) {
.header-extras {
display: block;
float: none;
margin-bottom: 30px;
}
}This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard