Centering Menu and Widgets

expeditioneducationexplorer · Member · Feb 22, 2018 at 6:11 pm
Copy link

Add topic to favorites
Hello, I have a premium plan and am using Lodestar.

I would like my top menu (home, destinations, collab, etc.) text to be centered.

I would also like for my social media, following and top posts widgets to each take up their own line and be centered at the bottom of my site. Is there a way for this to be accomplished?

Also, and finally, how can I create a pop-up subscribe option instead of having readers to scroll all the way to the bottom? Thank you!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Feb 22, 2018 at 7:09 pm
Copy link
Hi there, this will center the menu with a caveat. When the menu goes to two lines, it will break this code and it will go back to two lines. There isn’t a way to have it centered once it breaks to two lines.
```
@media screen and (min-width: 60em) {
  .main-navigation {
    text-align: center;
  }
  .main-navigation ul {
    display: inline-block;
  }
}
```
For the widgets, there are three footer widget areas, each assigned to about 1/3 of the site width. Put one widget in each of those. Right now you have the Follow and Social Media widget within the Footer 1 widget area.
thesacredpath · Member · Feb 22, 2018 at 7:20 pm
Copy link
On the signup popup, currently we have the MailChimp popup. The only issue with this is that once the visitor dismisses the popup, it does not come back until the MailChimp cookie set in their browser expires or they clear their browser cookies.
expeditioneducationexplorer · Member · Feb 22, 2018 at 7:22 pm
Copy link
So I still want my menu to display each category separately, I just want them to be centered to the page. Is there a way to do that? Thank you for you help!
expeditioneducationexplorer · Member · Feb 22, 2018 at 7:50 pm
Copy link
And also, do you know how to remove tags from the bottom of my posts when they’re in preview mode on the blog page? Thanks so much for you help
thesacredpath · Member · Feb 22, 2018 at 8:06 pm
Copy link
Can you explain a bit further what you are wanting on the menu? The code above centers the menu when it is one line, but as I mentioned, it goes back to left aligned when the menu breaks to two lines.

Are you by chance talking about center aligning the sub menus?

No items found.