Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 16, 2017 at 6:32 pm #840040
    Tobiy

    Hey, can you help me with this?

    1. Is it possible to align a specigic item of the menu to the right of the menu like in the screenshot?
    2. How can i align the social icons and the item of the secondary menu so it is position in the middle of the bar?
    3. I could not find that…grrr…how can i change the hoover color of the phone number to white?

    Really guys, thank you very much for all that support here!

    Regards, tb

    August 17, 2017 at 12:32 am #840161
    Mike

    Hey Tobiy,
    3 > I don’t see it in your screenshot, so I’m guessing that your phone number is in the Enfold Theme Options > Header > Header Phone Number/Extra Info, in that case, it doesn’t have a hover state as it is only text. Perhaps your has been made a link, in which we will need to see your site, which seems to be in maintenance mode right now.
    2 > Try this code in the General Styling > Quick CSS field:

    #header_meta .container {padding: 0 40%!important; }

    1> Yes, but we will need to see your site to give you the custom code.

    Best regards,
    Mike

    August 17, 2017 at 10:29 am #840320
    Tobiy

    Hi Mike,

    thank you. Website is attached in private as you can see above. There you can have a look.

    Best regards,
    Tobi

    August 17, 2017 at 10:52 pm #840645
    Mike

    Hi,
    Ok, to change the hover color of the phone number in the top left corner Try this code in the General Styling > Quick CSS field:

    .header_color .phone-info a:hover {color: red !important; }

    adjust the color to suit :)

    Best regards,
    Mike

    August 21, 2017 at 6:25 pm #842150
    Tobiy

    Hi Mike,

    thank you very much. The aligning does not work unfortunately.
    May you please give me further advise.
    Best regards, t

    August 22, 2017 at 10:43 am #842400
    Victoria

    Hi Tobiy,

    The button should to be a separate element, not on the same menu. Maybe add it as a header widget?

    Adding a widget area to the header

    Best regards,
    Victoria

    August 23, 2017 at 12:56 pm #843002
    Tobiy

    THe problem is on the left i have the number with a bigger size – on the right there is the second menu, which does not align properly. If i change the size of one the other one gets smaller.

    How can both elements be the same font size and are aligned?

    Thx

    August 28, 2017 at 3:37 am #844613
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .phone-info a,.phone-info p {font-size: 14px!important; }
.menu-item-47685 {margin: 0.40em 0!important; font-size: 14px!important;}
.menu-item-47685 a {padding: 0px !important; line-height: 11px !important; }

    It makes the top left phone number, top left phone info, & top right menu text all the same size. 14px
    It also moves the top left phone info, & top right menu text line up.
    If you adjust the font-size you may need to also adjust the margin.
    Please see screenshot in Private Content area & Please clear your cache :)

    Best regards,
    Mike

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