Negative margins on columns on mobile device

Hi,

We modified the code in the Quick CSS field and disabled the parallax background because it will overflow with the columns which is not what you want.

@media only screen and (min-width: 989px) {
  /* Add your Desktop Styles here */
	#top #wrap_all #main #colorline {
	    border: none;
	    z-index: 500;
	    position: relative;
	    overflow: visible;
	}
}

@media only screen and (max-width: 989px) {
  /* Add your Mobile Styles here */
  #colorline .flex_column_table {
    margin-top: 0 !important;
  }

  #top #wrap_all #main #colorline .container {
    max-width: 1310px;
    width: 100%;
    padding: 0;
  }
}

Best regards,
Ismael

Hi,

Please decrease the z-index from 10000 to 500. The z-index of the header is 501. We modified the code a bit. Please try it again.

Best regards,
Ismael

Hi,

We added the css modifications. We also disabled the “fixed” header on phone view because most devices don’t support fixed elements and it just takes too much space. Please remove browser cache or hard refresh before checking the page.

Best regards,
Ismael

Hi,

My bad. I thought it was not supposed to be transparent. We removed the background of the header. Also, I just noticed that the site is not using the latest version of the theme. Please upgrade to version 4.1.2.

Best regards,
Ismael

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#socket .sub_menu_socket li {
    padding: 20px 10px !important;
}
}

Best regards,
Rikard

Hi,

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thank you for your understanding.

Best regards,
Ismael