mobile menu is not working

Posted in: Newspaper
Post count: 24

Hi,

My mobile menu is not working, when I inspect it shows href=”#”.

My website: http://www.realiseme.com

Thanks,
Tina

Post count: 20688

Hi,

I have inspected your website, and I have no problem using the mobile menu toggle
https://www.screencast.com/t/8rUuKfeN89
https://www.screencast.com/t/HlBhsUisW
The mobile menu toggle is working properly from what I can see. Please correct me if I misunderstand.

Thanks

Post count: 24

Hi,

Thanks, I think because my page wasn’t fully loaded, it’s working now.

However, there is a white gap between the nav bar and first grid on mobile, how can I fix it? (or should I open another topic?)

Thanks,
Tina

Post count: 20688

Hi,

There is a margin top on the Big grid
https://www.screencast.com/t/DOtLPNvOaT
You could use the custom class to remove it with a stronger code
https://www.screencast.com/t/Tn3Xxp2IeQ
If you want the code to apply only on mobile you can sue the Advanced CSS option in the theme panel
https://www.screencast.com/t/DlFrgk7e
I also see that there is a height set on the row through a custom class, and it is causing some layout issues, but that could be a work in progress on your design
https://www.screencast.com/t/9PaMofbd
Just thought I should point that out.

Thanks

Post count: 24

Hi,

I followed your code adding in advanced CSS, however, it is not working, the white gap is still there.

I set the height on a custom class to create the background effect on desktop. However, I did notice the layout issue on mobile. I deleted the custom height and move the code to apply to the desktop only in theme panel. For some reason there is still a layout issue on mobile. Please advise, thanks!

Post count: 20688

Hi,

This code entered in the Theme panel->Advanced CSS in the phones section will remove the top margin on mobile
https://www.screencast.com/t/2EcyWPLVPhLO

.first_grid_3.td-pb-span12 {
margin-top:0!important;
}

At the moment the elements below the big grid display like this
https://www.screencast.com/t/KAYyZgmXgL
If you want, you could use a code like the one below in the same phones section to achieve this result (or simply add the margin bottom in the code provided above)
https://www.screencast.com/t/AlRvu8Kq8I

.first_grid_3.td-pb-span12 {
margin-bottom: 0!important;
}

Thanks

Post count: 24

Thanks Simion for the prompt reply. I applied both code to advanced CSS mobile section, however, nothing has changed when viewed on mobile.

What could be the problem?

Thanks,
Tina

Post count: 24

Actually it seems to be working now, might be some sort of delay!

Thanks!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.