Sidebar location on mobile version

Home Forums ZeroGravity Pro Sidebar location on mobile version

This topic contains 1 reply, has 2 voices, and was last updated by  Juan de la Cruz 3 years, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #267

    josh
    Participant

    I’m building a test site for a friend and am wondering if I can change the location of the sidebar on the mobile version? It’s currently showing under the page content but I would like it to appear above. here is an example of the page I’m looking at:

    http://delrosso.com/thecartercreative/kathy/bio/

    Also, is there a way to center the main menu and change the spacing from between the menu and page content/sidebar? I would like to reduce the spacing to have more content displayed on the page before you have to scroll.

    Any help would be greatly appreciated.

    #268

    Juan de la Cruz
    Keymaster

    Hi Josh, excuse the delay in answer.

    The main content is shown above is because the first thing is loaded. This is the best for SEO. To change this behavior would have to edit many files and one would get a worse site structure. Show the sidebar above is not a good idea, and require a lot of work.

    To center the main menu go to Appearance > Editor, select custom-style.css, paste the code below and click Update File button:

    .main-navigation ul.nav-menu {
     text-align: center;
    }

    To reduce the spacing between the main menu and content, follow the same procedure as before and paste the following code (these are the dimensions that I would, but you can try other):

    .site-header {
    padding-bottom: 0;
    }
    .site-content {
    margin-top:14px;
    margin-top:1rem;
    }

    Regards.

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

You must be logged in to reply to this topic.