Jump to content

Archived

This topic is now archived and is closed to further replies.

Michael Kummer

Meganav height on mobile

By Michael Kummer+, in Platform 5

Recommended Posts

Michael Kummer+    1

Michael Kummer
Posted

Hi guys,

can I limit the overall of MegaNav on mobile? When I look at michaelkummer.com on a mobile device, the menu takes up more than a third of the screen space. Using CSS to limit max-height doesn't seem to work. Is there another/better way to reduce the overall height to maybe 10% of the screen available?

Thanks
Michael

 

Share this post

Link to post
Share on other sites

Michael Kummer+    1

Michael Kummer
Posted

I am hiding the logo via CSS on smaller screen sizes for now. But targeting specifically the img tag and give it a max-height would be my preferred solution.

Share this post

Link to post
Share on other sites

Aires    265

Aires
Posted

I dont suppose you could explain with a screenshot so that I see what exactly you are trying to achieve 

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post

Link to post
Share on other sites

Michael Kummer+    1

Michael Kummer
Posted

Hi Aires+! 

Here is a link to a screenshot that shows the menu with the logo. The logo is much larger in comparison to when viewed on a desktop. Only by removing the logo, I can make the nav bar thinner. My goal is to set the maximum img height for the logo only for mobile.

Thanks
Michael

 

 

Share this post

Link to post
Share on other sites

Michael Kummer+    1

Michael Kummer
Posted

Problem solved - I decided to hide the logo on mobile.

Share this post

Link to post
Share on other sites
Go To Topic Listing Platform 5

  • Similar Content

    • glyph.marketing
      Scrolling issue from fixed-position nav bar
      By glyph.marketing+
      Hello, I am having a problem similar to that experienced by Michael Kummer here. We have pages that show this automatic scrolling issue (examples here and here) and it is sufficiently annoying that we have seen customers bounce while trying to convert. Strangely, it only happens at specific resolutions, so it can be difficult to reproduce. In general we can only consistently reproduce it on a 4k resolution with a browser width between 1517 and 1536px. 
      Thanks to Michael Kummer's help we were able to set the overflow-anchor property to none in the entire body, which fixed the issue as far as we can tell, but also obviously disabled scroll anchoring for the whole site. I tried applying it to the specific element that looked like it was being reloaded, which was the PL Meganav extension, but that was unsuccessful. 
      Can anyone help us figure out which element or ID we can apply this property to, so that we can fix the scrolling issue but not disable scroll anchoring for the entire site?
      Thank you - 
      Glyph Language Services
    • mtaus
      [Solved] MegaNav: Sticky Menu items, but background scrolls
      By mtaus
      I'm using MegaNav on this site and the menu items and logo are "sticky" (which I selected), but the background scrolls. 

    • abeedle
      [Solved] MegaNav Opacity on Hover/Selected
      By abeedle+
      It appears that within the default settings for MegaNav menu items are slightly opaque when they are not selected or hovered over. Then on the selected page and on hover of the menu item opacity goes to 1. It's not a big deal in most cases but we are including a button on a client's menu and the white text just doesn't stand out as well unless you are on the page itself and the opacity has changed to 1.
      My question is whether there is a way to essentially flip the default settings so that when a menu item is not selected/hovered over the opacity is 1 and when the page is selected/on hover the opacity is slightly less than 1.
      I assume the fix would be by using custom CSS and we have tried a few different methods of attempting to target the menu opacity without success.
      Any help would be greatly appreciated! Thanks!
    • oseehys
      [Solved] MegaNav Shifting 'My Account' 'WooCart' and 'FB Icons' Under Menu
      By oseehys+
      Hi @raylonet @Aires Dagraca A. Hey Guys, if i can fix this i wont be here, please help out here.
      I am trying to align some of my menu Items to the right, as it is on Pagelines website, Pagelines is using Navpro, i am aware.
      But i am using Meganav and UberMenu, because it naturally synchronize with Ubermenu, NavPro doesnt.
      How can i align my menus to the right and leave the primary menu at center, see images

    • dwpoyner
      [Solved] Platform 5 (Meganav) and Ubermenu Broken on Mobile Only
      By dwpoyner+
      Not sure exactly what is causing the issue. For some reason, why you view my site on mobile, the menu does not show up. It will pop up, but it is black. You can check it out here: http://dev.caryfbc.org. I'm also attaching a screenshot where I shrunk my browser down. Any suggestions?

×