Header menu not showing

Hi,

Thank you for contacting us.

?Please accept my apologies for the delay in response. I really appreciate your patience.

the header menu is showing on the backend, however when i open an incognito page or any page for that matter it is not showing…

Try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (min-width: 1025px) {
  .site-header .header-wrap .col-md-8 {
    margin-top: 0;
  }
  .site-header .header-wrap .col-md-4 {
    max-width: 33.33333333%;
  }  
}

I am also have chronic issues with the social media menu on the bottom of the home page as when I center it on the backend, it is not aligning on the front and is also shifted right.

Can you try enabling Front Page from Page Attributes of your page’s settings.

Regards,
Kharis

In regard to the custom CSS, here is the complete log, as now it looks funky.

font-display: optional

@media only screen and (min-width: 1025px) { .site-header .header-wrap .col-md-8 {
margin-top: 40;
}
.site-header .header-wrap .col-md-4 {
max-width: 33.33333333%;
}
}

@media only screen and (max-width:767px){

.header-wrap .container{
text-align: left;
}

#mainnav-mobi ul li {
background-color: #000000 !important;
}
#mainnav-mobi ul ul.sub-menu li {
background-color: #000000 !important;
}
.header-wrap .btn-menu{
float: right;
margin-right: 15px;
}
.header-wrap .col-md-4 {
max-width: 90%;
position: relative;
z-index: 2;
}
.header-wrap .col-md-8 {
margin-top: -70px;
}
#mainnav-mobi {
top: 150px;
}
}
.slides-container .slide-item{
background-position: 50% -10% !important;
}
.slide-inner {
top: 90%;
padding-left: 0px !important;
text-align: center;
}
.site-title {
text-align: left;
}
.site-description {
padding-left: 45px !important;
margin-top: 2px !important;
text-align: left;
}
@media only screen and (min-width: 1025px) {
#mainnav .menu {
text-align: right;
margin-top: -80px !important;
}
}
.text-slider .subtitle {
font-size: 15px;
line-height: 40px;
padding: 20px 0 50px;
font-weight: 300;
text-align: center;
}

The code seems to have multiple elements that are very similar.

in addition, when I refer to the page looking “funky,” I am referring to the lack of padding of the top section / the header that is all white. I am trying to get the page to just show the white section upon entering the website.

The code seems to have multiple elements that are very similar.

Yes. The code I suggested recently looks similar but it has different purpose. Can you readd it and let me know your views?

in addition, when I refer to the page looking “funky,” I am referring to the lack of padding of the top section / the header that is all white. I am trying to get the page to just show the white section upon entering the website.

Can you take a screenshot for it and put some annotations to directly point me to what you want to achieve?

Upload your image file to Google Drive or other file sharing services. And link it here.

Regards,
Kharis

Here is the link to the google doc.
Google doc link

The homepage now cuts off the bottom of the white portion and instead brings up the second portion of the webpage. I would like the opening page when entering the site to show complete white, so my guess is that padding needs to be added to the bottom?

Hi,

Thank you for sharing the screenshot.

Try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

.header-slider {
  height: 100vh !important;
}

Regards,
Kharis

the response made me look and think that the .header-slider has already been altered, so I went into that section and added padding.

Thank you for your help!!!! I greatly appreciate it.