Simple Catch
Centre align menu (6 posts)

  1. dumpyparthan
    Posted 3 years ago #

    I'm completely new to WP. The first thing I want to do is either make the menu items appear in the centre or right aligned instead of default left. Would I have to create a child theme for this? I tried playing with the "float" & "position" options in those mentioned in style.css : all "#menu" but guess the change has to be done in <div>. I hardly know any coding so please help.


  2. baszer
    Posted 3 years ago #

    you should give the URL of your website, so people can help you. Nobody is going to install that theme and try to change the CSS :)

  3. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    You would need to create a Child Theme or since it's just CSS changes, you could use a Custom CSS plugin.

    Centring the navigation would be more difficult.
    To centre the navigation as a whole, you'd need to use CSS and set a width on it, along with margin: 0 auto;.

    The width is the problem here. Your menu is prone to change in width, as menu items are renamed, added or removed.

    Aligning the menu right would be a lot easier, as you need only apply float: right; to the navigation menu.

    The CSS selectors for the menu should be;

    .home #header #mainmenu
  4. dumpyparthan
    Posted 3 years ago #

    @baszer : I'm just experimenting now with Instant WP on my PC so I don't have a link to share.

    @Andrew : Thank you. But would you know what exactly I have to type in the custom CSS field? Since there are too many files in this theme and I'm confused what has to be mentioned as "right". I shall install the plugin now and know how to use that for now :) Thanks again for the prompt reply!

  5. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Your query requires support beyond the scope of these forums.
    Try a specific CSS forum.

  6. dumpyparthan
    Posted 3 years ago #

    Thanks. I will try to check deeper. Guess this was not a good start to my WP learning! :(

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic