Hemingway Rewritten: Centering gallery cluster photos

• 

  foxorganizing · Member · Jul 29, 2016 at 2:33 pm

  • Copy link
  • Add topic to favorites

  I am trying to center my gallery cluster photos as depicted on this blog post: https://foxorganizing.com/blog/ On the phone view, they appear centered, but on the computer view, they are not centered while all the other text and individual photos are centered.

  The blog I need help with is: (visible only to logged in users)

• 

  g471n · Member · Jul 29, 2016 at 4:46 pm

  • Copy link

  Hello foxorganizing

  Try this custom CSS:

  .main-navigation ul {
      max-width: 100%;
      width: 100%;
      text-align: center;
  }
  
  .main-navigation li {
      float: none
      display: inline-flex;
  }

• 

  g471n · Member · Jul 29, 2016 at 4:49 pm

  • Copy link

  I posted to the wrong question! Thats the code to centre your menu.

• 

  kathrynwp · Staff · Jul 29, 2016 at 7:05 pm

  • Copy link

  foxorganizing – do you still need help with this? Your galleries look centered on desktops in Firefox and Chrome and it looks like your custom CSS achieved that:

  div.gallery-row {
       margin: 0px auto;
  }

• 

  foxorganizing · Member · Aug 1, 2016 at 3:53 pm

  • Copy link

  Thank you so much! I have entered the code and the photos are centering now. Thank you for your help!

• 

  foxorganizing · Member · Aug 1, 2016 at 3:56 pm

  • Copy link

  Thank you g471n for the code to center my menu bar. It has worked! g471n and kathrynwp you are so helpful. Thanks!

• 

  kathrynwp · Staff · Aug 1, 2016 at 6:12 pm

  • Copy link

  Great, glad you’re set!

• 

  g471n · Member · Aug 2, 2016 at 8:28 am

  • Copy link

  My pleasure :)