Home
July 2, 2013
Offline
Hi Rick,
I've used your box on a number of sites and loved it. For some reason it's not working as well as it should be now for widths less than 733px. It still displays the menu (though pushing it onto two lines and messing the layout) and doesn't switch to responsive mode.
Also for some reason, on this site alone, I can't get the menu to center in the menu container. Can you tell me what I've done wrong?
http://peacefulparenting.com.au/
Thanks
Vanessa
Community Member
June 22, 2013
Offline
Make sure you backup before upgrading and making changes.
Best results when one question per thread, link to site, version of WP, Thesis and skin.
http://www.kwjassociates.co.uk - Wordpress 5.4.2 – Thesis 2.9.14 - Focus 0.9.8
*** Do not edit Skin and Editor CSS - make changes using Custom CSS. ***
*** Do not edit core files - make changes using custom.php or master.php. ***
Moderators
Community Member
September 21, 2014
Offline
Hi
As for (one of) the "interference" it seem to be coming from codes injected in the <head> :
<style id="custom-css-css">.em-booking{background-color:#eee}.em-tickets{width:90%;margin-left:10px}.em-booking-form-details{width:100%}.em-bookings-ticket-table-price,.em-bookings-ticket-table-spaces{text-align:left}.ticket-desc{padding-left:5%;font-style:italic;font-size:12px}.su-spoiler.my-custom-spoiler .su-spoiler-title{background-color:#74afad}.su-spoiler.my-custom-spoiler .su-spoiler-title .su-spoiler-icon,.su-spoiler.su-spoiler-closed.my-custom-spoiler .su-spoiler-title .su-spoiler-icon{left:3px;background-color:#74afad}.su-spoiler-title{font-size:17px !important;color:#fff;font-weight:400 !important}.su-spoiler.my-custom-spoiler .su-spoiler-content{background-color:#eee}.su-spoiler-style-default > .su-spoiler-content{padding:1em 30px 1em 27px !important}.menu-container{text-align:center;background:#ECECEA none repeat scroll 0 0;height:50px !important}.reponsive-menu{display:inline-block !important}</style>
So, check that out.
Or change the HTML Class to this container : (to be more unique, like : vanessa-menu
<div class="menu-container">
Sorry for the code mess.
Pierre ( postrophe )
July 2, 2013
Offline
Thanks Pierre and Keith,
That's fixed the centering problem and some of the issues. But it still doesn't seem to work for turning it from a standard menu into responsive mode. When I look at it on my ipad, it stacks the menu rather than go into responsive menu. Is there some way I can force it to display the responsive menu at a certain width?
Vanessa
July 2, 2013
Offline
any ideas?
Moderators
Community Member
September 21, 2014
Offline
Hi
I guess in the Menu setting you selected > [ X ] Don't write CSS for this menu
Turn that Off, to see if the @media queries work better. (stylings still be done in Custom CSS)
That said, it might be a JS conflict with another of Rick boxes / plugin, try disabling other Rick box.
That said (2), see the configuration of another container in Promo :
<div id="header" class="full_width">
<div class="inner">
</div>
Maybe try the same for the menu container ?
Pierre ( postrophe )
July 2, 2013
Offline
Thanks Pierre,
I'm lost on that first instruction. Where did you see that?
Moderators
Community Member
September 21, 2014
Offline
Hi
Hover over the blue Menu box, click the "gear" icon. You should see a bunch of options, Like : Don't write CSS for this menu
Check this box if you are using more than one of these menus in the site and you want them to have the same CSS
Pierre ( postrophe )
Most Users Ever Online: 228
Currently Online:
10 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Keith W Jones: 1444
Brian Tozer: 1004
Carolin: 984
Heidi Hafner: 509
John Cunningham: 423
Reece Morrel: 353
Newest Members:
volminFL
soundpilot
digitalaerolus
emma62755
sharonmarks
emma80233
Forum Stats:
Groups: 8
Forums: 46
Topics: 7004
Posts: 34849
Member Stats:
Guest Posters: 6
Members: 6764
Moderators: 2
Admins: 2
Administrators: Rick Anderson, Rick Anderson
Moderators: Pierre Cote, Laura Nugent
