Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
Mean Responsive menu now not working as intended?
Avatar
Vanessa Lewis
Member
Members
Forum Posts: 21
Member Since:
July 2, 2013
sp_UserOfflineSmall Offline
1
January 12, 2016 - 2:36 pm
sp_Permalink sp_Print

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

Avatar
Keith W Jones
Somerset, UK
Member
Members

Community Member
Forum Posts: 1371
Member Since:
June 22, 2013
sp_UserOfflineSmall Offline
2
January 12, 2016 - 3:54 pm
sp_Permalink sp_Print

To center:

Click Here

Keith

Keith W Jones
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 4.9.8 – Thesis 2.6.4 - Pearsonified 1.3
Avatar
Pierre Cote
Moderator
Members

Moderators

Community Member
Forum Posts: 1126
Member Since:
September 21, 2014
sp_UserOfflineSmall Offline
3
January 12, 2016 - 5:45 pm
sp_Permalink sp_Print sp_EditHistory

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 )

Avatar
Vanessa Lewis
Member
Members
Forum Posts: 21
Member Since:
July 2, 2013
sp_UserOfflineSmall Offline
4
January 13, 2016 - 7:17 pm
sp_Permalink sp_Print

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

Avatar
Vanessa Lewis
Member
Members
Forum Posts: 21
Member Since:
July 2, 2013
sp_UserOfflineSmall Offline
5
January 15, 2016 - 3:44 pm
sp_Permalink sp_Print

any ideas?

Avatar
Pierre Cote
Moderator
Members

Moderators

Community Member
Forum Posts: 1126
Member Since:
September 21, 2014
sp_UserOfflineSmall Offline
6
January 15, 2016 - 5:25 pm
sp_Permalink sp_Print sp_EditHistory

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 )

Avatar
Vanessa Lewis
Member
Members
Forum Posts: 21
Member Since:
July 2, 2013
sp_UserOfflineSmall Offline
7
January 18, 2016 - 2:53 pm
sp_Permalink sp_Print

Thanks Pierre,

I'm lost on that first instruction.  Where did you see that?

Avatar
Pierre Cote
Moderator
Members

Moderators

Community Member
Forum Posts: 1126
Member Since:
September 21, 2014
sp_UserOfflineSmall Offline
8
January 18, 2016 - 4:47 pm
sp_Permalink sp_Print

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 )

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
3 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Keith W Jones: 1371

Brian Tozer: 1004

Carolin: 979

Heidi Hafner: 470

John Cunningham: 422

Reece Morrel: 353

Newest Members:

David

Dina Jokanovic

kwitchey

Kirk Ewing

Md Saifullah

Ian Birch

Forum Stats:

Groups: 8

Forums: 46

Topics: 6949

Posts: 34546

 

Member Stats:

Guest Posters: 6

Members: 6743

Moderators: 2

Admins: 2

Administrators: Rick Anderson, Rick Anderson

Moderators: Pierre Cote, Laura Nugent