Home › Forums › Basel support forum › Move Login/Register to top on mobile

Move Login/Register to top on mobile

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 18, 2021 at 4:08 pm #267646

    Leds
    Participant

    Hello, I added some item to my mobile menu but now the login/register button is on last.
    How can i make it top?

    February 19, 2021 at 10:47 am #267814

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    @media (max-width: 991px) {
	body.document-ready .mobile-nav {
	    display: inline-flex;
			flex-direction: column;
	}
}
.mobile-nav {
	flex-direction: column;
}
.mobile-nav .searchform {
	order: 1;
}
.mobile-nav .header-links {
	order: 2;
}
.mobile-nav .menu-mobile-nav-container {
	order: 3;
}

    Best Regards

    February 19, 2021 at 10:54 am #267821

    Leds
    Participant

    That didn’t work. Now i got the search bar bellow the other items and then Login/Register

    Attachments:
    You must be logged in to view attached files.
    February 20, 2021 at 4:26 pm #268064

    Elise Noromit
    Member

    Hello,

    Please provide your site admin access to the private area.

    Best Regards

    February 22, 2021 at 4:45 pm #268449

    Leds
    Participant

    I figured it out.
    Another question.
    How do i make a login/register side bar appear like you have on your demo theme?

    February 23, 2021 at 8:51 am #268599

    Elise Noromit
    Member

    Hello,

    You can find the option in the Theme Setting > Header > My account links https://prnt.sc/104lj0v

    Best Regards

    February 23, 2021 at 9:48 am #268609

    Leds
    Participant

    I have all that on but the login/register button doesn’t appear on my page for some reason.

    Attachments:
    You must be logged in to view attached files.
    February 24, 2021 at 9:04 am #268878

    Elise Noromit
    Member

    Hello,

    Header templates have a different set of the element. Some of them do not have Login/Register.

    You will need to change the header template in the Theme Settings > Header > Header layout.

    Best Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)