Jump to content
Sign in to follow this  
integritymediacorp

Top-Menu alignment for the Mobile version

Recommended Posts

integritymediacorp

The top-menu works great, but when you change the scale of the browser, there is a button when you push on it, opens a menu that is on top of all.

 

How to edit the menu responsive?

 

http://migrationspace.com/

 

 

Thank you!

Share this post


Link to post
Share on other sites
Rob

Hi,

 

The menu is responsive, automagically, and doesn't require any special activation.

 

As I mentioned in another topic, when viewing your site, there's a background image which is being squeezed. Likely it is being applied incorrectly by CSS, rather than using the settings and options available in the Framework. As a result, as it is, the image is trying to fit within a confined space without the ability to behave in a responsive way.

 

Since that background is not responsive, it is getting 'in the way' of your responsive menu, when the menu button is clicked. It overlays and thus obfuscates some of the text.  Some of those menu colors seem to have been altered, which is causing them to be invisible (transparent) in some instances.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
integritymediacorp

Hi,

 

The menu is responsive, automagically, and doesn't require any special activation.

 

As I mentioned in another topic, when viewing your site, there's a background image which is being squeezed. Likely it is being applied incorrectly by CSS, rather than using the settings and options available in the Framework. As a result, as it is, the image is trying to fit within a confined space without the ability to behave in a responsive way.

 

Since that background is not responsive, it is getting 'in the way' of your responsive menu, when the menu button is clicked. It overlays and thus obfuscates some of the text.  Some of those menu colors seem to have been altered, which is causing them to be invisible (transparent) in some instances.

 

so can you suggest me what I need to do?

Share this post


Link to post
Share on other sites
Rob

Well, I'd recommend removing all wide backgrounds being set by CSS.

 

I'd recommend using one of our child themes, like iBlogPro5, which is pre-designed to be fully responsive.  You may want to reconsider some of the customizations done so far, since they're not responsive and that seems important to you. 


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
integritymediacorp

But Base Theme is should be responsive too... or not?

Share this post


Link to post
Share on other sites
James B

The menu that you're seeing is the mobile menu, that drops all the links down below the nav in a stacked fashion.

 

To edit this menu you'll need to use the borwser specific plugin and edit the css on the mobile version of the site only using the specified prefixes to the css. Adding .mobile or .iphone etc before the css line.

 

You'll find the browser specific plugin here - http://www.pagelines.com/store/plugins/browser-css/

 

Instructions on the classes and how to use can be found at - http://support.pagelines.me/docs/plugins/browser-specific-css/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      apprendre-le-russe-avec-ania.fr
      Thank you in advance !

    • dwpoyner
      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?

    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
    • khat
      By khat+
      I think I may have installed pagelines pro incorrectly, and then used features incorrectly. I installed first platforms framework theme and then the child, thinking I could do setup for child later. I tried to set up a background image, and tried custom css feature in pagelines dashboard. I had mistakes in my css, and just thought that if I deleted the info in the css custom feature in pagelines dashboard that the new information would overwrite the old info. The background image didn't respond at all, probably because I didn't have the child directory renamed. I then tried to use the LSS plugin to create css and added more css, possibly, somewhere -sigh-. I never did change the background image and get it placed properly. I used a workaround and in nested containers I placed a background image which worked well enough, so I moved on to try to create my nav bar/ menu bar. When I go to the Menus panel, there is NO area where I can place a menu on a page. I have read and reread and re- re- reread the instructions for placing a menu. I've used the pagelines editor to place a menu, however only HOME shows up. I've been at this for many hours. I've since uninstalled all of my pagelines items and reinstalled, thinking that it would restore all my changes to default, but no, it is still all there, with all my unresolved issues. I am completely at a loss as to what to do next.
×