Decrease Margins of Theme to Fit More Menu Items

  • The margins for the theme of my website are a bit wide. I would like to narrow both margins to fit more menu items. The site is being built from a tutorial so most of the things will be removed but the menu items will not.Could someone help me out? The name of my site is: https://www.plannedsuccess.academy.

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

  • Triple check your theme options.
    Maybe it has an option to widen the maximum window size. Its often a common option or maybe even something about responsive layout options.

    But if you must do it by code try this in your CSS and increase the number as needed

    #site-banner {max-width: 1200px; !important}

    Good Luck

    Thread Starter helenageorge

    (@helenageorge)

    Thanks for responding. I do not know how to get into my theme options. I am brand new to building website and it is a sample that I will be using as a template.

    Your theme is tesseract correct?
    I’m not super familiar with the theme but on the dashboard you could find theme options in any number of different places but most often as a stand alone menu item along the left dashboard menu or a nested option under “Appearance” also on the left dashboard menu.

    Considering its a free theme (correct me if i’m wrong) but maybe there is not much in the way of options.

    In which case just go to Appearance > Editor.
    Once there you should be looking at the Custom CSS form
    Add that line in right down the bottom:

    #site-banner {max-width: 1200px; !important}

    Once again good luck

    Thread Starter helenageorge

    (@helenageorge)

    Yes the theme is tesseract. Thank you so much. I really appreciate the time you spent to help me out.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Decrease Margins of Theme to Fit More Menu Items’ is closed to new replies.

Tags