Menu Builder shifting my page - Post...

User 368762 Photo


Registered User
122 posts

I have a sales website that was appearing centered in the browser the way I wanted. When I added a menu I created in Menu Builder the pages with the menu shift to the left side of the browser.

This is the page (shifted left) with the menu: http://www.icetoe.com
This is the page duplicated (centered) with the menu taken out: http://www.icetoe.com/test1.html

Do these not play well together, or what? Is this fixable without extensive brain surgery?
-Mike
"Live as if you were to die tomorrow. Learn as if you were to live forever" - Gandi
https://elbertcountyfair.com




User 515127 Photo


Registered User
116 posts

Hi McShay,

I just acquired Menu Builder (literally - purchased it a couple hours ago) and I am browsing the forums and articles prior to attempting to use it. However, looking at your site examples, I would guess that something is over-writing the body or grid-1 class alignment property(ies) in CSS. Since the difference in the site css links are these extra links for the menu builder:

<link rel='stylesheet' type='text/css' href ='DW Top Menu/stylesheets/menu_builder.css'/>
<link rel='stylesheet' type='text/css' href ='DW Top Menu/stylesheets/style.css'/>

My first guess would be style.css - look for a body or grid-1 class entry, if there aren't any, then I'd check menu_builder.css

Doing a quick check - might be this line (from style.css) I think that margin:0; may be the culprit.
body { color: #767777; font-size: 16px; margin:0;}

I could be wrong - I'm a veteran at computers but just recently started playing catch-up on css3/html5 and responsive stuff (Feb 2015), after mostly ignoring web development trends and changes for the past seven years. And it's 2 AM here... so my brain's clutch is only partially engaged.

Hope this helps,
Regards - Gordon
User 187934 Photo


Senior Advisor
20,238 posts

Line 33 of your style.css.
body {
color: #767777;
font-size: 16px;
margin: 0px;
}

Change it to margin: auto;
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 368762 Photo


Registered User
122 posts

Eric & Gordon-
That fixed my problem, so thanks. Now since the problem was created by the Menu Builder style.css is there a setting in there that I missed or screwed up to cause it to behave that way? I'm a css virgin and need to take a class or something.
-Mike
"Live as if you were to die tomorrow. Learn as if you were to live forever" - Gandi
https://elbertcountyfair.com




User 515127 Photo


Registered User
116 posts

McShay wrote:
Eric & Gordon-
That fixed my problem, so thanks. Now since the problem was created by the Menu Builder style.css is there a setting in there that I missed or screwed up to cause it to behave that way? I'm a css virgin and need to take a class or something.
-Mike

Eric's the guru, I'm just a novice; I think the key is in the design section for the MENU - margin should be checked auto, (see the screen capture if the link below works)

http://usq.me/share/menu-builder-margin.png

Regards,
Gordon
User 187934 Photo


Senior Advisor
20,238 posts

I'm going to recommend you always add a custom.css link to your pages in RSD so you can override style issues if you don't want to go back and change them in the application that caused them. Plus if your adding custom sliders and other scripts you wont have to do it later. You'll be able to open the style sheet with an editor and update that as needed.
<link rel="stylesheet" href="http://mydomain.com/css-custom/custom.css">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.