Scott
|
@speedyp
This question is directed to you because your current demo site (speedypancake.com/demo) appears to solve the issue I am facing - hoping you can help?
The last couple of sites I developed appear to be having issues where they kick into responsive mode (on Firefox) with a monitor resolution of 1280 X 960.
Here's one of the sites: www.waukeshafridaynightlive.com
Thanks for any help you, or anyone can offer/suggest.
|
| |
speedyp
|
Hey Scott
Sorry, but not sure what's up with your responsive nav kicking in prematurely.
To be honest, I've been replacing the entire header/nav stuff generated by artisteer with something more useful.
I see Abland's around so if you ask him nicely he might suggest the proper media queries / break code to get you sorted out
Cheers
PS Check out this awesome (& free) responsive menu plugin as an alternative to what artisteer creates.. http://peterfeatherstone.com/wordpress/responsive-menu/
|
| |
Abland
|
Lol - Hey, speedyp
Hi, Scott,
Are all the menus that give you trouble in the header? The nav is tied into the header as far as responsive goes in the script.responsive.js.
|
| |
Scott
|
Quote Abland:
Lol - Hey, speedyp
Hi, Scott,
Are all the menus that give you trouble in the header? The nav is tied into the header as far as responsive goes in the script.responsive.js.
Thanks Abland
One is in the header, the other above the header.
Thanks
|
| |
Scott
|
Quote speedyp:
To be honest, I've been replacing the entire header/nav stuff generated by artisteer with something more useful.
............
PS Check out this awesome (& free) responsive menu plugin as an alternative to what artisteer creates.. http://peterfeatherstone.com/wordpress/responsive-menu/
Is it a difficult task to "replace the entire header/nav stuff generated by artisteer"?
If I use the responsive menu that you referenced, how would I disable the existing one?
Thanks for your help
|
| |
speedyp
|
Hi Scott
My header mods generally involve stripping out all the weird "shapes" stuff and inserting my own divs for a logo, address, site title, social media icons and a full width slider. I then add widget areas to the divs so that anyone can easily update their own company details etc to suit. It's not particularly difficult -
Abland did a great article on copying and adding widgets: http://www.artisteer.com/Default.aspx?post_id=217079&p=forum_post
I modified my core files (4.1) so I didn't have to keep re-doing this!
Stripping out the standard artisteer code usually involves deleting all the stuff you find between the opening and closing php statements in the sidebar-header.php file and replacing it with your own widgetised divs. You can then take full control over how they line up and behave with some css.
Very recently I've been playing with that responsive menu widget I was telling you about and it looks quite promising so far. You can alter and tweak a load of the settings from within wordpress - and choose the break point where it kicks in (which is why I suggested it to you).
You could use it to replace the artisteer responsive hamburger by deleting the appropriate code, or simply hiding it in css -
.nav .menu-btn{display:none !important;} Your code may vary...
Another cool thing you could do is select a different (simplified) custom menu to use for mobiles, showing just your main pages & contact details...
I wrote a post about this sort of stuff ages ago: http://speedypancake.co.uk/getting-your-head-together-part-1/
email me & I'll give you a login to a test site so you can actually see and play with the sort of things I've been doing if you like.
Cheers
|
| |
Scott
|
What's your email?
|
| |
Scott
|
Quote Abland:
Hi, Scott,
Are all the menus that give you trouble in the header? The nav is tied into the header as far as responsive goes in the script.responsive.js.
I actually tried using the menu outside the header (under) with a negative margin and that didn't work either...
I believe the problem lies with the width of the site - which I have set at 1200px for larger monitors. The problem appears to begin when the size is 1150px or larger... Any way to solve this pesky bug???
Thanks 
|
| |
dave
|
SpeedyP,
Can you please help? I tried to download the one page demo theme from http://one-page.givemebetterwebsites.com but the download link no longer works.
|
| |
Lynn
|
Hi,
I downloaded that feather plugin which is exactly what I want, however, the old navigation is still there. Anyone know how to get that part removed on mobile?
Site: programmingchicago.com
Thanks, Lynn
Quote Scott:
Quote speedyp:
To be honest, I've been replacing the entire header/nav stuff generated by artisteer with something more useful.
............
PS Check out this awesome (& free) responsive menu plugin as an alternative to what artisteer creates.. http://peterfeatherstone.com/wordpress/responsive-menu/
Is it a difficult task to "replace the entire header/nav stuff generated by artisteer"?
If I use the responsive menu that you referenced, how would I disable the existing one?
Thanks for your help
|
| |
Lynn
|
O.K. I figured it out.
For those of you dealing with the same issue, add the plugin by Peter Featherstone.
Responsive Menu
Highly Customisable Responsive Menu Plugin Created By Peter Featherstone
Go to the advanced menu settings and on the right side you will see:
CSS of Menu To Hide
This is the CSS of the menu you want to hide once the responsive menu shows - e.g #primary-nav, .menu
In that box put in:
#primary-nav, .menu
AND IT WORKS!!!!
So cool.
|
| |
Lynn
|
If the above nav does not work, try searching for .art-nav
Quote Lynn:
O.K. I figured it out.
For those of you dealing with the same issue, add the plugin by Peter Featherstone.
Responsive Menu
Highly Customisable Responsive Menu Plugin Created By Peter Featherstone
Go to the advanced menu settings and on the right side you will see:
CSS of Menu To Hide
This is the CSS of the menu you want to hide once the responsive menu shows - e.g #primary-nav, .menu
In that box put in:
#primary-nav, .menu
AND IT WORKS!!!!
So cool.
|
| |