Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #231505

    Hi!
    I Use fixed header with social icons and additional information.
    I put my phone number number at the right side of it using code you suggested before in this forum
    (this quick CSS )
    .social_header .phone-info {
    float: right; padding-top: 40px; }

    But the number is so small. Can I make it bigger?
    Also the social icons are very small…
    Thank you!

    #231514

    Hi Tanya2105!

    Please add following code to Quick CSS as well and adjust as needed

    .social_header .phone-info { font-size: 20px; }
    #top .social_bookmarks li a { font-size: 18px; }

    Best regards,
    Yigit

    #231572

    Amazing, it works!
    Thank you Yigit!
    And now 2 more questions:
    1. Can I change also the color of the phone number\social icons?
    2. Can I use the 5-th option of header (with menu below the logo), but have it fixed?
    /thanx!

    #231574

    Hi!

    Please add following code to Quick CSS as well and adjust as needed
    1-

    .social_header .phone-info.with_nav span { color: red; }

    2-

    #header { position: fixed; }
    #main { padding-top: 156px; }

    Best regards,
    Yigit

    #231619

    Thank you!
    2 – works
    1 – not… Is there importance to the order of commands in quick CSS?
    Thanks!

    #231622

    Hi!

    Have you flushed browsers cache after applying the code? If not, please do so.
    There may be a punctuation error in your custom CSS code in Quick CSS and that could stop code from applying. Please try adding the code to top of the Quick CSS and check if it works then.

    Regards,
    Yigit

    #231646

    Hi Yigit!
    That is what I’ve got

    .social_header .phone-info {
    float: right; padding-top: 40px; color: red; }

    .social_header .phone-info { font-size: 20px; }
    #top .social_bookmarks li a { font-size: 18px; color: red; }

    Just added color: red; inside (hope it is ok, at least it works. Kind of being proud of myself, never studied html or css :-) )

    #231650

    Hey!

    It looks great :)
    Do you mind creating a temporary admin login and posting it here privately so we can take a look why code is not being applied?

    Regards,
    Yigit

    #231666
    This reply has been marked as private.
    #231668

    Hi!

    Please try flushing browser cache and refresh your page a few times.
    Please also add following code to Quick CSS

    #top .ls-nav-prev, #top .ls-nav-next { z-index: 300; }

    so slider navigation buttons will be under header when scrolled down
    EDIT: Forgot to attach screenshot http://i.imgur.com/DgAnxtN.jpg

    Cheers!
    Yigit

    • This reply was modified 10 years ago by Yigit.
    #231730

    Hi!
    I did it!
    One more question, not urgent. The small fixed header becomes smaller while scrolling down. I like it. Can I do the same with this type of the header?
    Thanx!

    #231735

    Hi!

    It is possible, but you are going to need to hire a freelance developer on Microlancer or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.

    Cheers!
    Yigit

    #231749

    THanx!

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Changing font size in header’ is closed to new replies.