Hi, I’m just finishing up my new website, and I have three questions to answer, which I’ll explain below.
2- In the web version, when you scroll, the NEWSPAPER tab appears in the menu. When you scroll to the top and stop scrolling, it disappears, leaving the menu with the tabs I created. How can I make the Newspaper tab not appear?
2- In the web version, I show a photo ad, but it doesn’t appear in the mobile version. What should I do to make it appear on mobile devices?
3- What do I need to do to display my menu on mobile devices? Currently, the menu isn’t displayed.
I’ve attached a photo with the three questions, and I’m leaving a link to the website under construction.
https://new.radiomarcabarcelona.com/capture/3_questions.png
https://new.radiomarcabarcelona.com
Thank you very much for your help. Best regards.
Hello,
1. What you see is the sticky menu, which can be disabled using tagDiv Composer, checking the manager and disabling it https://forum.tagdiv.com/header-manager/ – https://i.imgur.com/ZXBFvVT.png. Do the same for both the desktop and mobile versions.
2. This situation appears because the header from desktop is using a different code nad the mobile header othere code, so those can be different, so what you can do is to use tagDiv Composer to edit the mobile header, edit the homepage, selct the mobile viewport and add a new row under the mobile header (make sure it’s under the header not content) an ad box element https://i.imgur.com/Oz1Ev58.png https://i.imgur.com/dxujNzQ.png
3. You need to have created a menu as in this guide https://forum.tagdiv.com/main-menu/, then use tagDiv Composer, edit the homepage and select the mobile viewport, then select the mobile menu and choose the created menu – https://i.imgur.com/MvNUaM8.png – https://i.imgur.com/KjMQiem.png – https://i.imgur.com/vFflmzh.png
Thank you!
Hi Calin, I think I’ve more or less managed to create the mobile and header menus, solving points 2 and 3. But I couldn’t remove the NEWSPAPER tab. I did manage to keep the menu fixed without scrolling. However, I don’t know what I’ve done that broke the header. The main block isn’t visible in its entirety; it appears stacked. And I can’t find what I’ve done to get it back to the way it was, which showed the entire block. Can you help me figure out what I need to do to restore the first block? I’ve attached a photo.
Thanks and sorry for this inconvenience.
https://new.radiomarcabarcelona.com/capture/block.png
Hi,
The issue isn’t with the block itself the problem is that the desktop main header is set as fixed and overlay, which causes it to remain stuck at the top and overlap the content, as shown here: https://i.imgur.com/FBgfNvF.png
Additionally, when you scroll down, the sticky header appears on top of the already fixed main header, creating further overlap.
Recommendation:
Disable the overlay and set the main header to the default setting instead: https://i.imgur.com/cIEVrc3.png
After saving the changes, proceed to edit the sticky header as shown here: https://i.imgur.com/ZpaAd9B.jpeg
Make sure to do the same for the mobile view. Switch to the mobile viewport and then edit the mobile header accordingly: https://i.imgur.com/q1qdqT1.png
Hi Calin, you’re a genius, you’ve mastered your craft. I’m just a beginner.
I think I was able to restore everything by following your instructions. It’s now displayed correctly, but I still have three problems that I can’t figure out how to fix. That’s why I’m asking for your help again.
1. I’m still having the same problem I mentioned with the menu bar on the website: when you scroll, the NEWSPAPER tab appears in the menu. How can I remove that tab?
2. I still don’t know how to control the mobile header. I’m doing my best. I’m attaching a photo of the home screen to see if it’s possible to make the first module appear a little larger with the photo I display in the header.
3. How can I customize the header of the other sections?
If you click on the dots on the home screen and go to any of the pages, the header only displays a logo.
How can I replace the current logo and display the same photo I have on the home screen?
ONCE AGAIN THANK YOU FOR EVERYTHING Calin.
https://new.radiomarcabarcelona.com/capture/header-mobil.png
Hi,
1. Edit the homepage using tagDiv Composer – https://i.imgur.com/VtfDXeh.png after that, select the manager and in header, tab uncheck the sticky option for desktop https://i.imgur.com/8nHMYyn.png you can do it for both, desktop and mobile.
2. Select the mobile viewport in tagDiv Composer – https://i.imgur.com/8nHMYyn.png then if the image and mobile element are in the same column, use the layout tab to align them https://i.imgur.com/yg1SbqV.png if are in different columns, but under the same row use the layout tab from the row – https://i.imgur.com/UNv0zTL.png
3. For this, you should set the header you want to use as global, then this will be used on the entire website that is not using an individual header. Right now you are using an individual header on the homepage and a global one on the rest of your website. So when the header is edited as you want just set it as global, this can be done from multiple places, for example, from Composer using the manager – https://i.imgur.com/tBSbwLu.png ot from cloud templates – https://i.imgur.com/ZMHim4S.png or from the theme panel – https://i.imgur.com/FE5hmWR.png
Thank you!
