This topic contains 5 replies, has 2 voices, and was last updated by Sean Sean 6 months, 1 week ago.

Put right text on 'Big Mega Menu'


  • Daleman
    Participant

    Posts: 13
    Member Reply #15693

    Hi there,

    I’m using default “Big Mega Menu” that left oriented. Everything look well but I want put some text on the right corner. So there are 2 side (left with default menu and right with adding new link text).

    How I put text on the right ? I tried with ‘pull-right’ and ‘text-right’ but it didn’t work. I’m working in .Net Core 2

     

    <!– BEGIN MEGA MENU –>

    <div class=”hor-menu hor-menu-light “>

    <ul class=”nav navbar-nav”>

    <li aria-haspopup=”true” class=”text-right”>

    @await Html.PartialAsync(“_LoginPartial”)

    </div>

     

    And this is “_LoginPartial” code:

     

    @if (SignInManager.IsSignedIn(User))

    {

    <form asp-area=”” asp-controller=”Account” asp-action=”Logout” method=”post” id=”logoutForm” class=”navbar-right”>

    <ul class=”nav navbar-nav pull-right”>

  • Hello @UserManager.GetUserName(User)!

  • <button type=”submit” class=”btn btn-link navbar-btn navbar-link”>Log out</button>

  • </form>

    }

    else

    {

    <ul class=”nav navbar-nav pull-right”>

  • Register
  • Log in
  • }

     

    Please, your advice…

    Attachments:
    You must be logged in to view attached files.
Sean
Sean
Keymaster

Posts: 4527
Support Staff Reply #15714

Hi,

At the moment our Mega menu does not support this type of alignment.  In your case you will need to put those last 2 links outside of the menu and align them to the right right “float: right”. So you will need some css hack to achieve this layout. If you need any further code please provide us a test link to your developing site in a private reply and we will check your page and advise you further.

Thanks.


Daleman
Participant

Posts: 13
Member Reply #15726

Hi Sean,

it looks like class for “Search-Form”

.page-header .page-header-menu .search-form {

position: relative;

display: inline-block;

float: right;

width: 176px;

transition: width 0.4s;

margin-top: 8px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

-ms-border-radius: 4px;

-o-border-radius: 4px;

border-radius: 4px; }

 

I dont familiar with css design & programming. I tried by putting “Search-form” class but I didn’t work.

Any suggestion for this issue ?

Sean
Sean
Keymaster

Posts: 4527
Support Staff Reply #15742

Hi,

Sorry, our support do not cover such customization requests if you are not familiar with css/scss. Our support mainly helps with bug fixes and basic directions. However if you are not familiar with frontend coding then you will need to get a help for your projects from a frontend developer.

Thanks.


Daleman
Participant

Posts: 13
Member Reply #15743

and I’m the only one developer. LoL

Sean
Sean
Keymaster

Posts: 4527
Support Staff Reply #15788

Hi,

You can learn the basics of CSS/jQuery/Bootstrap and you can start use Metronic.

Please check: https://www.w3schools.com/bootstrap4/default.asp

Thanks.

You must be logged in to reply to this topic.