Using !important will overwrite the responsive changes later on. Your best route would be to define the width and then use the auto margin trick to center it ( margin:0 auto; ). Then change the width for the other layouts with media queries.

Yes, you can add .home to each css selector so it only targets the home body class.

The menu is centered by its width and elements inside so it may need some additional tweaking. The above css is really just to get you started individual adjustment and customization is beyond what we can do via support. Specifically so with a menu centering like this since it matters what the width of the menu is set to and that will change whenever you change the menu.

Regards,

Devin

Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Having trouble Centering logo and Drop menu under the logo .’ is closed to new replies.