Home Forums Basel – Premium Template Top Menu on Mobile Devices

This topic contains 11 replies, has 3 voices, and was last updated by Elise Noromit Elise Noromit 1 week, 5 days ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #16867

    pursehuit
    Customer

    Hi,
    Is there a way to display the Top Menu also on Mobile Devices?
    Thx

    Private Content Hidden
    #16869

    Hi,

    You can display your top bar menu on mobile adding the following code snippet to the Custom CSS section in Theme Settings -> Custom CSS for mobile devices only

    .top-bar-right,
    .top-bar-left,
    .topbar-wrapp .topbar-menu {
        display: block;
    }
    
    .topbar-wrapp {
      	height:auto;
    }
    
    .topbar-menu {
    	float:none;
      	margin:auto;
    }
    
    .topbar-menu ul.menu {
    	text-align:center;
    }

    Regards

    #16870

    pursehuit
    Customer

    Thx a lot!

    #16874

    You are welcome!

    #256951

    pursehuit
    Customer

    Hi. I am reopening this topic because after update to the last version of the theme – 5.4.2 – top bar is now showing right on the mobile with the css you gave me.
    Please check screenshot on mobile – http://prnt.sc/wjlz2z

    Private Content Hidden
    #257031

    Hello,

    Please provide your site admin access to the private area.

    Best Regards

    #257041

    pursehuit
    Customer

    Ok. I sent you the login details for staging site where we have exactly the same configuration as the live one.

    Private Content Hidden
    #257124

    Hello,

    I have checked the Theme Settings > Custom CSS > Mobile, I see the code we have provided is added not in full.

    In addition, please remove this upper row and check again.

    Best Regards

    #257125

    Hello,

    I have checked the Theme Settings > Custom CSS > Mobile, I see the code we have provided is added not in full.

    In addition, please remove this upper row and check again.

    Best Regards

    #257128

    pursehuit
    Customer

    I am sorry. I forgot on staging site it was not in full. Even in full cod you provided first, its not working anymore with the latest version of the theme.
    You can check again now. I added the custom css in full.

    #257131

    pursehuit
    Customer

    I did some tests and I found that the following code is solving the problem:

    .topbar-wrapp.color-scheme-light {
        height: 50px;
    }

    It is ok or do you have a better solution?

    #257176

    Hello,

    We can hardly suggest something better as I saw the menu with the code and it required more space in height and it is the solution.

    Best Regards

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.