ADD A TEXT LINK BESIDES (LEFT SIDE) HAMBURGER ICON MENU

Site URL: https://www.martaalonso.design/interiorismo

Hi everyone! 

I use the business plan and the clay template. I used a lot of css also to keep the hamburger icon instead of the classic word listed link menu.

But now, I would like to add 3 words besides (left side) the humburger icon, those words/links will be:  online domestico comercial  (each one linked to their own url) Can anyone or @tuanphan help me, please!!! 

Thank you so much!

Marta

For desktop only or all devices?

2 options to do this

O1. We will use script code to add links. You will edit text/link in Code Injection

O2. You add 3 text links in Site Footer, then we will use code to move to left side of burger

Thank you @tuanphan! Sorry I didn't said anything before. I think a we can add a text whith link left side of burger but new, so we keep the ones at the footer. How can I do that? Thank you!!!!!!

16 hours ago, MADESIGN said:

Thank you @tuanphan! Sorry I didn't said anything before. I think a we can add a text whith link left side of burger but new, so we keep the ones at the footer. How can I do that? Thank you!!!!!!

 

You mean do option 1?

yes @tuanphan! Thankyou!

thank you so much @tuanphan, it works!! But when linking to any of the 3 words, do not go to the page it goes to a google search page. How can we fixed? Thank you so much again for your help!!!

46 minutes ago, MADESIGN said:

thank you so much @tuanphan, it works!! But when linking to any of the 3 words, do not go to the page it goes to a google search page. How can we fixed? Thank you so much again for your help!!!

Which code did you use?

@tuanphan sorry I didn't see that i had to add the link that goes to each one. I just solve it!!! Thank you so much it works perfect!!!! You are a geniuos!!!! 

@tuanphan i noticed that now that i have the 3 word links close to the hamburger menu, when is mobile version is not responsive, so the 3 words go on top of the logo, do you know how to do it responsive in mobile version?  Thank you so much!

On 7/15/2022 at 5:59 PM, MADESIGN said:

@tuanphan i noticed that now that i have the 3 word links close to the hamburger menu, when is mobile version is not responsive, so the 3 words go on top of the logo, do you know how to do it responsive in mobile version?  Thank you so much!

 

 

 

What should it look like on mobile? Hide links on mobile or?

@tuanphanhide links in mobile, is better, yes. thank you!

15 hours ago, MADESIGN said:

@tuanphanhide links in mobile, is better, yes. thank you!

Add to Design > Custom CSS

@media screen and (max-width:767px) {
ul.tp-links {
    display: none;
}
}

@tuanphanThank you so much!