Header menu

ScimmiadiGiada · April 27

Hi, How to add a dot/border under the

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

Phil · April 29

Hi,

It requires writing a custom CSS code.

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

Best regards

ScimmiadiGiada · April 29

https://forum.muffingroup.com/betheme/discussion/comment/252946#Comment_252946

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

Phil · April 29

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

ScimmiadiGiada · April 29

Thank you Phil, you're a gem.

Phil · April 30

You are welcome. ?

Best regards

ScimmiadiGiada · April 30

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 · April 30

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

ScimmiadiGiada · May 1

That was helpful, thank you.

ScimmiadiGiada · May 1

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.

sample.png

mydesign.png

Phil · May 2

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

Header menu

Comments