CSS for Menu Font in desktop view

  • Posted in : Readme
  • Benny Bobo
    Participant

    Hello. I love the theme. However, I wanted to know if I could alter the menu font via css. I’m currently using PT Sans, but it looks coded in boldface when in desktop view.

    1.) Can I change the menu PT Sans font to appear in a “regular” font face?
    2.) Can I change the color of the font?

    Thanks in advance.

    serkan
    Moderator

    Hi, Please go to appearance > customize > fonts > change menu font
    You can use this custom css code for change the color for menu fonts on desktop view.

    @media screen and (min-width: 992px) {
    .nav-menu ul li, .nav-menu ul li a {
        color: #333;
    } }

    Thanks

    Benny Bobo
    Participant

    Worked great. Thank you.

    Last thing, do I have any options regarding my logo/menu layout? Here’s my current layout: https://sleeperlist.com

    I wanted to know if there was any way to get the logo image to float above the menu, with a divider underneath the logo image and a divider underneath the menu (as it is currently).

    If possible, I’d love it to resemble the logo/menu layout of Medium: https://medium.com

    Thanks again for your time.

    serkan
    Moderator

    Hi,
    It is not possible by default. I would recommend you to use this custom css code to make fit logo between the menu line.

    .site-title img { max-height: 48px; }

    Thanks

    Benny Bobo
    Participant

    I have a particular look in mind, but that’s okay, I went back to a text logo. Thanks anyway.

    Last thing …

    I’m having major trouble adding my social media into the menu bar. I’m familiar with using short codes, but I didn’t have success using yours. Could you help me add my twitter and Facebook icons to the menu?

    Thanks in advance

    Benny Bobo
    Participant

    Also …

    Can you offer me a CSS code for moving the share button from the top right side of the page to the top left side? Could it include a smaller margin? I’d like it to be top left, but just a tad higher than it already is on the right side.

    Thanks again!

    serkan
    Moderator

    Hi,
    Please go to appearance > widgets > header social icons > drag and drop a text widget > copy this content

    [social_icon_wrap]
    [social_icon type="facebook" url="#"]
    [social_icon type="twitter" url="#"]
    [/social_icon_wrap]

    You can try to use this custom css code;

    @media screen and (min-width: 992px) { .share.sharer-0 {  left: 30px; top: 70px; } }

    Thanks

    Benny Bobo
    Participant

    Thank you! Worked great. I’ve already rated your theme. Thanks again.

    Benny Bobo
    Participant

    One last thing and I promise to be out of your hair, hopefully for good …

    The CSS worked great for the floating social share widget, but is there any way to eliminate some of the options from the drop down menu, like Pinterest and Google+? Also, I was wondering if there was a CSS option for making the drop down menu options from the share bar vertical, as opposed to the horizontal view.

    Thanks again for all of your help!

    serkan
    Moderator

    Hi
    You can try to use these custom css codes;

    .entypo-pinterest, .entypo-gplus { display: none !important; }
    .share.sharer-0 .social ul {height: 180px; width: 20px !important ;margin-right: 20px !important;}

    Thanks

    Benny Bobo
    Participant

    Thank you for all of your help! Everything looks great now. Excellent support! Excellent.

    serkan
    Moderator

    You are welcome.

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register