how to center menu on page and center menu images on mobile menu

  • Resolved SharonSharalike

    (@sharonsharalike)


    10 years ago

    Hello, and thank you for your wonderful plugin — just what I was looking for! Please have patience; I’m new to this.

    I’m using Menu Image with Customizr, and I’d love know how to center my five menu items as a group above the main content area (they are floating left as a group now). Have tried to figure this out though others’ posts and experimenting to no avail.

    May be related: also, on mobile devices, my menu images are in a column floated left, and I’d like them to be centered horizontally. If this can be done, can you point me in the right direction?
    Thanks!

    https://www.ads-software.com/plugins/menu-image/

Viewing 9 replies - 1 through 9 (of 9 total)
  • zviryatko

    (@zviryatko)

    Hello,

    All front-end things you can fix with CSS ??

    Thread Starter SharonSharalike

    (@sharonsharalike)

    Forgot to mention that my menu is moving to align right on the page on scroll down. Any way to make it keep from bouncing right?

    Thread Starter SharonSharalike

    (@sharonsharalike)

    Wow. Fastest response in the west. (or perhaps east, depending on where yo’re located.) Will keep experimenting with CSS, then. I’ve been trying that for a bit… ??

    zviryatko

    (@zviryatko)

    I’m from Ukraine, it somewhere in between =)

    Can you send link to your site or if you developed it locally just save page as html (via Ctrl+S) and upload to any service like dropbox or other. No one can help with markup until see html and css.

    Thread Starter SharonSharalike

    (@sharonsharalike)

    This is still in the concept phase. Made this page temporary public. LOVE the way your hover image works, too. Someday I’ll figure out how to make the image stick until another one is clicked… not critical.

    https://curiousworkscreative.com/services/

    Thread Starter SharonSharalike

    (@sharonsharalike)

    Update: Newbie of the week award goes to… me. Menu doesn’t seem to jump to the right once I’ve logged out of WP. Sorry for the mistake. Now I’ll continue to work on centering my menu images.

    zviryatko

    (@zviryatko)

    For centering in mobile device use this css code:

    @media (max-width:979px){
  .menu-image-menu-container ul li a {
    text-align: center
  }
}

    zviryatko

    (@zviryatko)

    For menu “jumping” use this css code:

    .sticky-enabled .navbar-wrapper {
  margin: auto !important;
  float: none !important;
  clear: both !important;
  width: 74.359% !important;
}
.sticky-enabled .nav-collapse {
  float: left !important;
}

    Thread Starter SharonSharalike

    (@sharonsharalike)

    Perfect!!! THANK YOU

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘how to center menu on page and center menu images on mobile menu’ is closed to new replies.