Hi guys,
When I click on my mobile menu, this is the screen I get: https://imgur.com/jIFyNPV
The site is https://annadrummond.com/home/
1. The ‘Articles’ menu item works, but none of the rest do. I can see that they have been clicked, and the web address even changes, but it does not navigate to the link.
2. How do I change the style of the menu? I want to change the purple background image – there are no options to do so in the mobile composer. I have looked in the Theme Panel and have noticed the mobile menu/search background, but there are no pre-sets, and I have the mobile theme disabled. I am using a separate mobile template for the page.
3. The height of the background image I have for my hero image in the td composer is different to what the actual site shows – how to fix this?
Thanks!
Anna.
Hello !
1. Please make sure that your pages are properly set in the menu settings here: https://www.screencast.com/t/8bfGL2B1u3h
2. The background image can be changed from Theme Panel – Background as you can see here: https://www.screencast.com/t/zj8hKNt71 ; The color overlay can be changed using css code: .td-menu-background:before, .td-search-background:before { The code must be inserted here: https://www.screencast.com/t/8gcCmrrCetYQ
background:red;
}
3. Can you please guide me to your hero image. I cannot seem to find it.
Thank you !
Update: The mobile menu works from the ‘Archives’ page, and from a post, just not from the home page. The menu items are greyed out on the home mobile menu and don’t load the link.
Hello again!
1. Please see update above:The menus are set correctly.
2. Thankyou, changing the background of the mobile menu worked.
3. The hero section is the main photo of the girl with the flower and sunglasses. In the mobile page, the composer shows more of the image than when I view the page on my phone – on my phone, the image is cut off too short.
Cheers!
Hi,
I just checked your website and this is look fine now, also on mobile the hero image is displaying correctly – https://i.imgur.com/eaVkviY.png
If there is still a problem and I miss it, please let me know!
Thank you!
Hi Calin,
1. The problem is with the mobile menu, when accessing from the home-mobile page. As seen here https://imgur.com/cWFOUma, my custom links don’t work, but the Archives page link does.
However, when I access the mobile menu from the Archives page or a post, all my custom links work perfectly. https://imgur.com/U7nEjWq
I have checked all the custom links: all the mobile links have, for example, https://annadrummond.com/home-mobile/#about for the About section.
2. The other issue with the hero image can be seen here: In the TD composer, the image height is set higher than what actually shows on the mobile. I don’t like that it is cut off. https://imgur.com/o8F0EcZ, https://imgur.com/IKGJgUM
Thanks!
Hello again Calin,
I’ve just noticed by accident that when I access the url from my mobile of https://annadrummond.com/home/# (just the # on the end), the mobile menu from the mobile home page works fine. As soon as the url changes to https://annadrummond.com/home/, or https://annadrummond.com/home-mobile/, the mobile menu custom links stop working.
What is happening here, and how do I fix it?
Cheers.
Hello again! For some reason the mobile menu issue suddenly corrected. It is working fine on all pages.
However the 2nd issue remains with the hero section. Thanks.
Hi Anna Drummond,
I think that the problem is the way that you made the anchors on your website, normal if those are made as in our demo from here -> https://demo.tagdiv.com/newspaper_dentist/ then the menu should work.
Here is a similar topic for how to set an anchor -> https://forum.tagdiv.com/topic/how-to-modify-anchor-tag/
Hope this will help you!
Thank you!
Thanks Calin,
The mobile menu is now working. 🙂
The last thing I need help with is that my hero section on mobile is not showing the same on my mobile as in the td composer – please see my message above for screenshots of the issue.
Cheers,
Anna.
Hi,
Yes, is the same for me too -> https://i.imgur.com/ydFL9FX.png -> https://i.imgur.com/ovvLYa0.png what you need to do is to set on that row in tagdiv composer a bigger height -> https://i.imgur.com/p82j8ET.png
Hope this will help you!
Let me know the results!
Hi Calin,
I’m not sure you have understood the issue! Even when I set a bigger height using the css settings, although the height gets bigger in the td composer, they are not accurately reflected on the live mobile page – my screenshots show this. In the TD composer, the height is more than on the live mobile page. For some reason the height I set in the td composer is not matched when I view the webpage.
Thanks,
Anna.
Then, let’s try with a custom css like this one -> https://i.imgur.com/oSu6ye3.png
#tdi_45_53f .tdc-row-content-vert-center{
height: 900px;
}
Please set the css in theme panel> custom code> custom css.
Hope it will help you!
Hi Calin,
Thanks for that!
I did like you instructed, but for some reason it hasn’t changed anything…
https://imgur.com/Iy8ziUB
I deleted the cache, but no change.
Cheers,
Anna.
Hi Anna Drummond, please sent us an email at contact@tagdiv.com and provide wp-admin. Include the link of this topic in email. I’ll inspect to see what can be that the code is not working.
Thank you!
