Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #170025

    Hi,

    I have a 2 part question:

    1. How can I increase the font size of the social icons in the header? I found in the threads the following quick css code

    #top .social_bookmarks { font-size: 20px; }

    But this only changed the size on the mobile platforms. It didn’t seem to make a difference in the non-fixed header space mode

    2. How can I increase the space (distance) between the social icons in the header. The mobile version especially the icons are very close together, making it harder for someone to touch the current icon link.

    #170200

    Hello jennallocco!

    1) Please try adding !important to force it

    #top .social_bookmarks { font-size: 18px!important; }

    2)

    #top .social_bookmarks li a { width: 50px; }

    Regards,
    Yigit

    #170966

    Thank you. When using the “Header with social icons and bottom” How can I do the following

    1. Remove the vertical divs separating the navigation tabs
    2. Give the bottom navigation itself a color background

    #170977

    Hey!

    1.

    .main_menu li a {
     border: 0 !important; 
    }

    2. Change red for the desired color.

    #avia-menu, #header_main_alternate{
    background: red !important;
    }

    Regards,
    Josue

    • This reply was modified 11 months, 2 weeks ago by  Josue.
    #170996

    Thanks.. Almost worked. The colored background of the navigation doesn’t go the full width. See my working site below

    http://www.thenicoledefeo.com/redesign/

    #171007

    Hey!

    It’s because you are using a Boxed layout, in order to make it work you need to select a Splash one.

    Best regards,
    Josue

    #171017

    I switched from boxed layout to stretch, is that what you mean by “Splash”.

    If that is the case it doesn’t align with the slider as a result. Can the navigation color get stretched as well?

    http://www.thenicoledefeo.com/redesign/

    #171022

    Hey!

    Change the code to this:

    #avia-menu, #header_main_alternate {
    background: #6D6E71 !important;
    z-index: 1;
    }

    Result:

    Cheers!
    Josue

    • This reply was modified 11 months, 2 weeks ago by  Josue.
    • This reply was modified 11 months, 2 weeks ago by  Josue.
    #171029

    Thank you, perfect

    #171032

    Glad we could help, let us know if you have any more questions or issues :)

    Regards,
    
Josue

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

The topic ‘Increase the space (distance) between social icons in header’ is closed to new replies.