Header menu

ScimmiadiGiada

Hi, How to add a dot/border under the

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

header.png

13.92 KB

ACTIVE menu item? We specifically want it for header menu only. I have attached screenshot for better understanding, Thankyou

Phil

Hi,

It requires writing a custom CSS code.

I can help you with that, but I need a link to your website.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ScimmiadiGiada

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

PhilApr 29, 2024

Hi,

It requires writing a custom CSS code.

I can help you with that, but I need a link to your website.

Best regards

https://mirkoc49.sg-host.com/

Phil

Use this CSS code:

.mfn-header-menu .current_page_item:after,
.mfn-header-menu .menu-item:hover:after{
 content: "";
 display: block;
 width: 10px;
 height: 10px;
 background-color: #614b49;
 border-radius: 50%;
 position: absolute;
 left: 45%;
 bottom: -10px;
}

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

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ScimmiadiGiada

Thank you Phil, you're a gem.

Phil

You are welcome. ?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ScimmiadiGiada

How do I add a button with just an icon? Right now, If we remove TITLE, It still says "Button" on the live page.

How do we import our custom icons?

https://streamable.com/53alq6

Phil

1) See the following video tutorial:

https://support.muffingroup.com/video-tutorials/alternative-usage-of-icon-box/

2) Custom icons upload is explained here:

https://muffingroup.com/betheme/features/custom-icons/

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ScimmiadiGiada

That was helpful, thank you.

ScimmiadiGiada

How do I align the 2024 and cookie | Privacy text as the SAMPLE screenshot? I''ve tried adding padding but it looks off on bigger desktop screens.

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

sample.png

121.72 KB

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

mydesign.png

162.16 KB

Phil

It might be hard to achieve but what you can try is to put it in a wrap with custom width, and set positioning Space between for this wrap. See the following screenshots for a better understanding:

Also, texts below the main heading should be set to inline width.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next