What cloud template can I use to create the same header as on my site?

Posted in: Newspaper
Post count: 87

Hi,

I want to add a header cloud template to get the mobile menu.

I like my header as is, I just want the mobile menu.

Any other way to get a new moblie menu will also be great.

Site: http://www.a-c-d.net

Thanks

Ben

Post count: 21065

Hello Ben!

You can re-build it with the TagDiv Composer by importing and using a blank header template and assign it to your website. Please check this video tutorial: https://www.youtube.com/watch?v=SoGQ0d5kIBg
If you mean anything else, then please provide more information about what you need to achieve, screenshots or a video, so I can help you efficiently.

Thank you!

Post count: 87

Hi,

How do I customize the mobile menu?

I would like it to look like this?

Thanks!

Ben

Post count: 21065

Hello Ben!

We have an element in the TagDiv Composer called “Mobile menu”. Place it into your header and choose a menu from the element settings.

Thank you!

Post count: 87

Hi 🙂

Stupid question, how do I edit the mobile menu with the TD-composer? Since I only know how to edit the frontpage with the TD-composer.

Thanks

Ben

Post count: 35449

Hi benjaone1, the mobile menu can be set with tagdiv Composer only if a cloud template it is used, then from tagDiv Composer you’ll need to set on mobile port view and set the mobile menu that you want to use -> https://i.imgur.com/F4mbshi.png
If is a standard header, then the menu that will be used is the one from the responsive version, and in case that the mobile theme plugin it is used, then the mobile menu can be set from the theme panel > mobile theme > header > mobile menu.
Thank you!

Post count: 87

I don’t want to edit how the website looks on mobile. I want to edit the menu sliding in from the left when pushing on the hamburger icon on mobile.

I want to change the look of my mobilemenu. I don’t see where I can do this from the “mobile menu”.

Thanks.

Post count: 35449

I understand what you mean.
Our theme offers two possibilities, the mobile menu (where the menu that it is opened can not be edited to have the layout that you want, you can only set socials and menu elements) and the popup modal, this allow you to set a page as menu (you can create the page like you want and assign it in the popup modal, then when you click on that popup modal, then that menu (custom page) will be open.
Thank you!

Post count: 87

Thank you very much!

Can you help me with some CSS to change the width to 50%?

Thanks 🙂

Post count: 35449

Yes, please provide some screenshot with the element that you want to change it and a link where I can inspect that element so I can make the css for the width.
Thank you!

Post count: 87

Hi,

That sounds really great!

The site: http://www.a-c-d.net

Screenshot: https://ibb.co/g7Svq7L

My guess is the CSS selector is: #td-mobile-nav

Not sure though.

Thanks!

Post count: 21065

Hello!

Add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:

.td-menu-background{ width:50%!important;}
#td-mobile-nav{ width:50%!important;}

Thank you!

Post count: 87

Thank you very much 🙂

For some reason the background moves.

Screenshot: https://ibb.co/yywN7LZ

Thanks again!

Post count: 21065

Hello!

Try this code:

.td-menu-background{ width:50%!important; background-color: white!important; }
#td-mobile-nav{ width:50%!important;}

Thank you!

Post count: 87

It works and I absolutely love it!

The background zooms in when the menu is open.

Screenshot: https://ibb.co/Yhf3zv5

Is there any way to prevent it?

Thanks!

Post count: 21065

Hello!

Yes, please add also this CSS code:


.td-menu-mob-open-menu #td-outer-wrap {
transform: none!important;}

Thank you!

Post count: 87

Very cool!

Last thing 😀

I would love to have 2 images. A logo on top and another one in the buttom. I have tried different things without luck.

Will you help me with CSS to add images to the mobilemenu, please?

Thanks so much!

Post count: 21065

Hello!

I’ve checked your website and I can see that you achieved what you needed.
Did you solve your issue? Or which is the issue?

Thank you!

Post count: 87

No,

I would like to add 2 images to my mobilemenu with CSS. One image on top and the other one in the bottom of the mobilemenu.

Thanks

Post count: 21065

Hello!

Please provide a screenshot with an example, so I can understand what you’re trying to achieve.

Thank you!

Post count: 87

Hi,

Image: https://ibb.co/yRSW1Jg

Thanks 🙂

Post count: 21065

Hello!

Unfortunately, there is no option for that, sorry.

Thank you!

Post count: 87

How about with HTML or in some other way get the images on the mobilemenu?

Post count: 87

Can I make it a widget area? Any way to get a picture there?

Post count: 21065

Hello!

Unfortunately, this section is not customizable with the TagDiv Composer, so you can not insert a raw html element there.
If you really want to change the way it’s working and looking, then this will require custom work which is not covered by the support team.
For customization and other services you can contact our custom work team here: https://tagdiv.com/premium-customization-services/

Thank you for understanding!

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