Top-Menu alignment for the Mobile version

[integritymediacorp 0]

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!

[Rob 547]

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.

[integritymediacorp 0]

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?

[Rob 547]

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. 

[integritymediacorp 0]

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

[James B 436]

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/