Log in link or icon for tablet - by rwlee33

5 replies2 participantsUpdated by 8theme

  • Avatar: rwlee33
    rwlee33
    Participant

    Hi,
    I’ve been notified that there is no way to login from the home screen on a tablet in landscape mode.

    In portrait, the three lines menu has “login” at the bottom.

    I was wondering about two things:

    1. Can you help add an account icon next to the wishlist on the top menu?
    2. On the three line menu bar, can you help me move the login and social to the top, above menu

    Thanks,
    Rob

    Please, contact administrator
    for this information.
    #150658 Copied

    5 Answers

    Avatar: 8theme
    8theme
    Support staff

    Hello,

    Thank you for contacting us.

    1. Unfortunately, it is not possible without additional code customization. Customers are able to find a link to login form in the mobile menu when they tap on a hamburger icon in the header.

    2. You can change their order in the file header.php. Try to swap these lines of code

    				<?php etheme_get_mobile_menu(); ?>
				<?php etheme_top_links( array( 'short' => true ) ); ?>

    Regards

    #150716 Copied
    Avatar: rwlee33
    rwlee33
    Participant

    Thanks Serg. The problem is that the hamburger icon doesn’t appear for tablets in landscape. Give it a try.

    I may look into resorting the login to the top of the menu, but it would require the user to turn the screen to portrait, click the hamburger icon, then click login.

    Ideally, it would be right on the top for desktop and tablet.

    How difficult would it be and how much work would require a link in the top menu for tablet?

    #150726 Copied
    Avatar: 8theme
    8theme
    Support staff

    Could you please provide us your website link so we could see how it looks now?

    #150753 Copied
    Avatar: rwlee33
    rwlee33
    Participant

    Below

    #150754 Copied
    Avatar: 8theme
    8theme
    Support staff

    Try to put the following code snippet to the custom CSS for tablets in Theme Options

    .top-bar {
    display: block;
  	text-align:center;
}

.top-bar .top-links {
    width:100%;
  	display:block;
  	text-align:center;
}

.top-links ul {
	float:none;
}

    Regards

    #150756 Copied

Want to reply? Log in to reply to this topic. No account yet? Create one first.

Log inCreate account