Hi,
My mobile menu is not working, when I inspect it shows href=”#”.
My website: http://www.realiseme.com
Thanks,
Tina
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
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
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
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!
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
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
Actually it seems to be working now, might be some sort of delay!
Thanks!
