Archived

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

  • 0

Top-Menu alignment for the Mobile version


Question

Posted · Report post

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

5 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Posted · Report post

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. 

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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/

Share this post


Link to post
Share on other sites