Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 4, 2020 at 10:46 am #1219328
    Dave

    Hi Guys
    How do I or what is the CCS code to make the Secondary Menu larger?

    I use this to make the phone number larger in the same section.
    .phone-info {
    width: 250px;
    padding-top: 18px;
    padding-left: 20px;
    font-size: 22px !important;
    }

    BTW I’m using the Enfold theme template – Shop Demo
    So it’s the Shopping Cart Menu (top right corner) that we want to make larger (and style)

    I look forward to your help.

    Thanks in advance Dave :)

    June 5, 2020 at 8:22 am #1219699
    Rikard

    Hey Dave,

    Could you post a link to where we can see the actual elements that you want to target please?

    Best regards,
    Rikard

    June 5, 2020 at 10:34 am #1219727
    Dave

    Hi Rikard
    I’d like to make the shop menu Shop
    (My Account, Cart, Check out, Privacy Policy)
    You can see this menu in the section above the header menu for this template – https://kriesi.at/themes/enfold-shop/

    I hope that is clearer
    Cheers Dave

    June 6, 2020 at 7:22 am #1220008
    Rikard

    Hi Dave,

    Thanks for the clarification. You can do that if you go to Enfold->Header->Extra Element. Look for the Header Secondary Menu option. Then you can create a new menu and assign it to as the secondary menu at the bottom of the page under Appearance->Menus.

    Best regards,
    Rikard

    June 6, 2020 at 9:39 am #1220020
    Dave

    Hi Rikard
    My question is how do we add CSS to make the text (Menu words) larger.
    This is what I use to make the Phone number larger.

    .phone-info {
    width: 250px;
    padding-top: 18px;
    padding-left: 20px;
    font-size: 22px !important;
    }

    What is the CSS code for that Secondary Menu to make it larger text.

    I hope that’s clearer.
    Cheers Dave

    June 7, 2020 at 6:39 am #1220144
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #header_meta .menu li a {
  font-size: 16px;
}

    Best regards,
    Rikard

    June 7, 2020 at 7:50 am #1220150
    Dave

    Works fantastic you are AWESOME :)
    Thanks, Heaps

    June 8, 2020 at 3:56 am #1220357
    Rikard

    Hi,

    Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.