WordPress.org

Ready to get started?Download WordPress

Forums

top menu bar is too wide in MyCuisine Theme (5 posts)

  1. Stogmosis Jones
    Member
    Posted 1 year ago #

    I am using the MyCuisine Theme and I am having a problem with the top navigation menu bar. It extends way too far off to the right of the page, extending the width of the page far beyond what it should be, and if you scroll right, you just get a black screen with the menu bar across the top. After wasting half a day combing through the .css trying to find where the code is that changes that, I decided to come here for help. Can anyone help me find the section of the code that you can adjust the width of the top navigation menu bar? Thank you in advance, I greatly appreciate it.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Unless you post a link to your site, no one can really help you. But, in general, things like this are determined by the CSS code. Firebug is the best way to figure out which CSS code to change.

    Since MyCuisine is a paid theme you should look there for support -- in general, paid themes are not supported on these forums.

  3. vipinanandvp
    Member
    Posted 1 year ago #

    Me too have the same problem.
    Not only for me all the theme users.

    Please check the official demo site :

    http://www.elegantthemes.com/demo/?theme=MyCuisine

    The menu is too much wider.

    What is the problem guys, is this a free theme for this kind of major issues.

  4. llon
    Member
    Posted 1 year ago #

    For anybody still searching on this one.

    Create a child theme (as you already should've) edit the style.css file in the child theme folder and add:

    body { overflow-x: hidden; }

    to the bottom of the file, this fixes it correctly

  5. llon
    Member
    Posted 1 year ago #

    Just to add, this addition body tag only makes the scroll bars not appear. In FF I can still scroll to the right using the keyboard. To fix I had to reduce the side bar width to fix by adding this to the style.css
    #menu-right { width:10px; position: absolute; left: 960px; top: 27px; height: 70px; background: url(images/menu-bg.png) repeat-x; }

Topic Closed

This topic has been closed to new replies.

About this Topic