Mobile menu is block the title

Hi, I have issue when website showing in mobile phone. the menu is actually block the title. Is it possible to fix?
Secondly if I don’t have a menu at all, is it possible to remove it?
My website is http://ianjulie.rswedding.com.au/.
Regards,
Raymond

Hello Raymond,

Since you don’t have menu, you should remove it, and second part of custom css code below is to properly position slider content on smaller devices. Apply custom css code below with this plugin https://wordpress.org/plugins/simple-custom-css/ and see if it fixes your issue:

@media only screen and (max-width: 991px) {
    .site-header.fixed {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .text-slider-section {
        position: absolute;
        top: 40%;
    }
}

All the Best!

Hi, It works fine now. Thank you

Hi,
Just one more question, when this website showing on a mobile phone, the title top part is being cut off, such as RSVP, our memories, the groomsmen and Bridesmaids.
I try to insert the following in custom css, but it’s not working.
.widget-title{
line-height: 100%;}
Please help, thanks.
Regards,
Raymond

Hello again Raymond,

I cannot reproduce this on emulation, and because of that it is hard to debug, but maybe you should try to add tom margin for titles. Try to apply custom css code below, and see if it will fix the issue:

@media only screen and (max-width: 991px) {
    .panel-grid-cell .widget-title {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

Because of top margin, I have reduced bottom margin a bit.

All the Best!

Hi, thank you so much, that did the trick. All good.