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

Buttons not working on mobile view anymore


Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

@media screen and (max-width: 5000px) {
  /* Display burger icon at all widths and align right
  */  
  .header .header-burger {
    display: flex;
    order: -2 !important;
  }
  /* Make burger menu visible at all widths */  
  .header--menu-open .header-menu {
    opacity: 1;
    visibility: visible;
  }
  /* Center logo in mobile device */
  .header-title {
    text-align: left !important;
  }
  /* Hide primary navigation menu */ 
  .header .header-title-nav-wrapper .header-nav {
    display: none;
  }
}

.sqs-block-image .design-layout-card img, .sqs-block-image .design-layout-card .image-overlay  {
  border-radius: 50%;
}
a {background-image:none !important;}

/* whoami tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-6f709fdd53750ca45683 {
    padding-left: 0;
    padding-right: 0;
}
}

.homepage a#site-title {
    visibility: hidden;
}

/* Space between press - image - suscribe-who am i */
@media screen and (max-width:767px) {
[data-section-id="6064dea9d9639c6b231d1b05"] {
    min-height: 30vh !important;
    height: 50vh;
}
}

/* center popup mobile */
@media screen and (max-width:767px) {
.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide * {
    text-align: center !important;
}
}

So I tried to remove those codes from my CSS and no more issues with the buttons, links and social media icons on my homepage.

Is there a conflict within this custom CSS code? Maybe it could be rewritten differently?

Thank you

Link to comment

I proceeded by elimination, removing portions of the codes and it looks like this is the problem here:

/* Space between press - image - suscribe-who am i */
@media screen and (max-width:767px) {
[data-section-id="6064dea9d9639c6b231d1b05"] {
    min-height: 30vh !important;
    height: 50vh;
}
}

Any ideas?

Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...