Public Forums 71,145 posts

[iotexec Friend iotexecJoin date: April 2017Posts: 2Downloads:10Uploads:0 Thanks: 1]

#1029601

I have a sticky menu which works well on desktop but on mobile when opening the menu the popup height is very small and we cannot see the menu/submenus. I am on Joomla 3.7 and the issue is visible on iOS (Chrome, Safari and Firefox) Can you give me the CSS code to make the menu popup occupy the full height of the screen?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1029732

Hi,

I can’t access your site with provided login info but you can try with this tweak:

@media (max-width: 480px) {
  .jub-block.header-2 .navbar-collapse.collapse.in {
    height: 400px;
  }
}

add this css rule into the Settings > Custom Style in Edit mode of page builder. And you can change the value to suits your need.

Hope this helps.

[iotexec Friend iotexecJoin date: April 2017Posts: 2Downloads:10Uploads:0 Thanks: 1]

#1029760

Thank you it works much better on iPhone with the CSS tweak, but it seems on iPad it does not work well (the popup shrinks after 1 second).
I have verified your superadmin access to our website, it works now.
Please check when you can.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1030299

Let me check and will get back to you.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1033147

I updated with this css rule:

 .jub-block .header .navbar-collapse .jub-cmsc > div {height: auto;}

and it’s ok now, kindly check.

[Author]

Posts