Add a phone button on mobile version

d_alinus2004 · May 13

Hello there,

On my website: https://www.kombatshop.ro/sitenou/ For mobile version, it's posible to add a button with phone there? on the left of "cart" icon?

I see there it's a icon option from Option->responisive->Mobile icon. But i realy don't know it that will work from there.

Many regards

Phil · May 14

Hi,

There is no option to add a phone icon there with a standard header from theme options.

Instead, you would have to rebuild it with the header builder.

https://support.muffingroup.com/video-tutorials/header-builder-2-0/

https://support.muffingroup.com/video-tutorials/building-mobile-headers/

Best regards

d_alinus2004 · May 14

Hello there, There i have create the header template. But i realy don't know how i can create the menu like on standard header.

So, i want to have a mixt..:) i want to create de header template with the menu like on standard header..

Any ideea if it's posible to create it if i will recreate the header with template ?

Phil · May 14

There is no option to mix standard header with the header builder.

So you must create it from desktop to mobile.

Did you watch the video tutorials I sent in my previous message?

The following one might be helpful as well:

https://support.muffingroup.com/video-tutorials/how-to-build-a-header-like-apple-com/

Best regards

d_alinus2004 · May 14

Hello,

I just wach the video. I have create the header. It's OK!

But i don't know how i can add the icon like here:

And also, How i can make the submenu visible on hover ?

Phil · May 15

To have it in the Menu Sidebar you must use the Sidebar Menu template:

https://support.muffingroup.com/video-tutorials/sidebar-menu-vertical-header-builder/

Best regards

d_alinus2004 · May 15

Hello there,

That's realy fine. I create the sidebar menu with your help.

Many regards

d_alinus2004 · May 15

Hello,

Just a question please, It's posible to make the submenu active on hover?

Phil · May 15

Do you mean hover on mobile?

How do you want to achieve hover on mobile. There is no mouse on the phones, so I quite do not understand what you need to achieve.

Best regards

d_alinus2004 · May 15

Hello,

What i want to know it's to show the submenu when you hover the "plus" icon from menu and not to click on one icon ..

I hope i better explain..:(

Phil · May 15

Yes, I know, but how do you want to hover on mobile?

On mobiles, there are only taps equal to desktop clicks.

Best regards

d_alinus2004 · May 16

Hello there,

I will like to have like on your demo. For example, on your demo:

https://themes.muffingroup.com/betheme-store/

On stiky header, when you click on menu, when you hover mouse on plus, the submenu it's opening automatic, no need to click there. It's posbisle to set up this also on my menu ?

Phil · May 16

Please use the following CSS code:

.mfn-sidemenu-tmpl .menu-item-has-children:hover .sub-menu{
 display: block!important;
}

Please put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

But again, please note that mobile devices have no hover behavior.

Best regards

d_alinus2004 · May 16

Hello,

Yes, That's i speack about..:) It's realy fine!

Many thank's for your help!

Add a phone button on mobile version

Comments