Canvas Support

icon list use

4 replies · opened Aug 20, 2020

Rrashmipatel829Aug 20, 2020

how to use icon-line-log-out from icons in navigation menu? I want to be able to align it in line with navigation buttons and be able to click on the icon to send to another page?

how do I do this?

Rrashmipatel829Aug 20, 2020

I have the following code in my tag for navigation bar:

  • <i class="icon-line-crop"></i>
SSemicolon WebSTAFFAug 20, 2020

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

However, we do have a Demo available for this: http://themes.semicolonweb.com/html/canvas/header-login-modal.html .

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Rrashmipatel829Aug 21, 2020

my website is not facing internet yet. When I put in the code like on header-login-modal page, my icon shows up not aligned. below is my code:

`body class="stretched">

<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">


<!-- Header
============================================= -->
<header id="header" class="sticky-style-2">

<div class="container clearfix">

<!-- Logo
============================================= -->
<div id="logo">

attachment

attachment
</div><!-- #logo end -->

<div class="col-md-12 center">
<h1>Federal Life Insurance Company</h1>
</div>

</div>


<div id="header-wrap">

<!-- Primary Navigation
============================================= -->
<nav id="primary-menu" class="style-2">

<div class="container clearfix">

<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>


<li class="current">Home

  • Forms

  • Commissions

  • Pending

  • Inforce

  • Products

  • Illustrations

  • eApp

  • News

  • Underwriting

  • About Us

                          &lt;div class="header-misc-icon"&gt;
                          [](#modal-login-form)
                      &lt;/div&gt;

                      
                      
                  
                  
                  &lt;!-- Top Search
                  ============================================= --&gt;
                  &lt;!-- &lt;div id="top-search"&gt;
                      [](#)
                      &lt;form action="search.html" method="get"&gt;
                      &lt;input type="text" name="q" class="form-control" value="" placeholder="Type & Hit Enter.."&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;&lt;!-- #top-search end --&gt;
                  
                  
              &lt;/div&gt;
              
          &lt;/nav&gt;&lt;!-- #primary-menu end --&gt;
          
      &lt;/div&gt;
      '

I have attached the picture of what I am talking about.

SSemicolon WebSTAFFAug 21, 2020

Hello,

Unfortunately, we currently do not support Offline Codes as we cant check the Live Environment and the possible issues. If you are using v5.x, this will not work correctly. Make sure that your Websites are updated to the Latest Version of Canvas.

Hope this Helps!

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