Image width and odd menu code

Support
#1

Hi guys,

Just had my annual meeting with a website client regarding their website dunfermlinechiropractic.co.uk

Two issues have been brought up which have me a bit stumped…

  1. The primary/top menu had a “home” icon to represent the homepage link using the following code…

This now appears to just display &#xf015 in the menu where the home icon used to live. I have since removed it until a fix can be implemented.

  1. The red full width button (Call us now on…) is now #'d - meaning when someone clicks it it takes them back to the top of the page…no matter what I do I cannot get it to just act like an image (i.e. do nothing if it’s clicked)

  2. I tried replacing the classic button with an image instead, I have no idea (and cannot find on the forum or peer forum) how to get the button to fill the width of the row.

If you can help with the above I’d be extremely grateful.

Kindest regards,
Paul.

#2

Hi Paul,

  1. To add icons to menu, please refer to the following post (https://theme.co/apex/forum/t/menu-icons/5488/2?u=mldarshana).

  2. Try setting your phone number to the button link input as follows tel:123456.

  3. Is it possible provide us with an example link of this issue? so that we can assist you accordingly.

Thanks!

1 Like
#3

:slight_smile: - that takes care of the button - thank you!
The header though…still problematic.

Please see image attached showing how I’ve got this setup.

What I want is for just the home icon to show and no text (as it used to when I first designed the site).

Thanks again for the seriously fast support!

#4

Hey There,

That option will enable the icons for all menu items:

To enable the icon for only Home menu items, please add this custom CSS:

li#menu-item-682 span.x-anchor-text:after {
    content: '\f015';
    font-family: "FontAwesome";
    margin-top: -20px;
    font-size: 24px;
    display: block;
    color: #000;
}
li#menu-item-682 span.x-anchor-text-primary {
    text-indent: -9999px;
}

Hope it helps :slight_smile:

#5

That did indeed work, thank you so much :slight_smile:

Now I’m wondering why I can’t see any icons in the menu even if I enable them?

Any ideas on this please? :slight_smile:

#6

Hey There,

Would you mind providing us with your login URL / admin account / password so we can take a closer look?

Thank you.

#7

:slight_smile: Info as below.

#8

Hi Paul,

You will have to enable the Graphic Setup option under the Top Links settings of the Inline Navigation.

Hope this helps.

#9

Thanks for the info Jade, again, sorry for the delay…GDPARRRRGH lol :slight_smile:
Paul.

1 Like
#10