Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Question

Hi,

I am making a mobile navigation for my website to be used on tablet and desktop too. However, the navigation links will not center no matter what I do. if I change them  they change on another thing. Here is my code. Please help 😞

 

.is-mobile-overlay-active .Mobile-overlay {
  @media screen and (min-width: 768px)
  {
    width:30%
}
  @media screen and (max-width: 768px) {
    width:50%
  }
  @media screen and (max-width: 640px) {
    width:80%
  }
}


@media only screen and (max-width: 768px) {
.Mobile-overlay-nav-item, .Mobile-overlay-folder-item {
  text-align: center ;
  margin-left: 65px;
  padding-bottom: 50px} 
.Mobile-overlay-menu {
  width: 100%; z-index: 1}
}

  @media only screen and (max-width: 640px) {
.Mobile-overlay-nav-item, .Mobile-overlay-folder-item {
  text-align: center;
  margin-left: 45px !important;
    padding-top: 0px;
    padding-bottom: 30px} 
.Mobile-overlay-menu {
  width: 100%; z-index: 1;}
}

media only screen and (min-width: 768px)
  {.Mobile-overlay-nav-item, .Mobile-overlay-folder-item {
  text-align: center;
  margin-left: 230 !important;
    padding-top: 0px;
    padding-bottom: 30px} 
.Mobile-overlay-menu {
  width: 100%; z-index: 1;}
}

Share this post


Link to post

1 answer to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...