Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 4, 2014 at 2:59 am #345684
    Courtney

    Hi guys!
    Is there a way to make the main navigation smaller when ppl scroll down the website? I don’t want my logo to shrink because it becomes illegible. I’d just like the white space of the main nav to get smaller when ppl. scroll down the site. similar to this main navigation: http://simplygum.com/

    November 4, 2014 at 5:59 pm #345967
    Yigit

    Hi Courtney!

    Please firstly edit your logo image and remove whitespace from top and bottom and then shrinking should work fine. You may need additional custom CSS code, if you do, please let us know!

    Regards,
    Yigit

    November 10, 2014 at 9:21 pm #349035
    Courtney
    This reply has been marked as private.
    November 11, 2014 at 12:52 pm #349310
    Ismael

    Hi!

    Which actual buttons are you trying to modify? Please give us a link to the actual page. If you’re using the button shortcode, you can set the Button Color to Dark Transparent which is fairly close to the simplegum buttons. Set the button size to Extra Large.

    Regards,
    Ismael

    November 12, 2014 at 2:54 am #349818
    Courtney
    This reply has been marked as private.
    November 12, 2014 at 3:01 am #349821
    Courtney
    This reply has been marked as private.
    November 12, 2014 at 6:05 pm #350171
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #after_section_2 span.avia_iconbox_title {
font-size: 18px;
text-transform: uppercase;
color: black
}
#after_section_2 .avia-size-x-large {
padding: 13px;
min-width: 215px;
border-radius: 0;
border-color: black!important;
}

    They are using this font family – http://www.typography.com/fonts/gotham/styles/
    You can find similar ones on Google fonts

    Best regards,
    Yigit

    November 18, 2014 at 10:54 pm #353303
    Courtney
    This reply has been marked as private.
    November 18, 2014 at 10:59 pm #353309
    Courtney
    This reply has been marked as private.
    November 18, 2014 at 11:01 pm #353310
    Yigit

    Hi!

    Please try adding following code to Quick CSS as well

    a.avia-button, .avia_iconbox_title {
font-family: Gotham SSm A!important;
font-weight: bold;
}

    Cheers!
    Yigit

    • This reply was modified 10 years ago by Yigit. Reason: added font weight
    November 19, 2014 at 3:41 am #353458
    Courtney
    This reply has been marked as private.
    November 19, 2014 at 3:42 am #353459
    Courtney
    This reply has been marked as private.
    November 19, 2014 at 2:51 pm #353684
    Yigit

    Hi Courtney :)

    Seems like they have used font weight 500. Please change “bold” to “500” in the code i previously posted, so it should be

    a.avia-button, .avia_iconbox_title {
font-family: Gotham SSm A!important;
font-weight: 500;
}

    But seems like you do not have that font weight :/

    Best regards,
    Yigit

    November 19, 2014 at 6:16 pm #353839
    Courtney
    This reply has been marked as private.
    November 19, 2014 at 6:20 pm #353843
    Yigit

    Hey!

    You are welcome, we are always glad to help :) Let us know if you have any other questions or issues!

    Regards,
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Navigation Menu’ is closed to new replies.