Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 3, 2013 at 6:54 pm #170025
    jennallocco

    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.

    October 4, 2013 at 1:59 am #170200
    Yigit

    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

    October 6, 2013 at 3:41 am #170966
    jennallocco

    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

    October 6, 2013 at 4:07 am #170977
    Josue

    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 12 years ago by Josue.
    October 6, 2013 at 4:28 am #170996
    jennallocco

    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/

    October 6, 2013 at 4:48 am #171007
    Josue

    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

    October 6, 2013 at 5:00 am #171017
    jennallocco

    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/

    October 6, 2013 at 5:07 am #171022
    Josue

    Hey!

    Change the code to this:

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

    Result:

    Cheers!
    Josue

    • This reply was modified 12 years ago by Josue.
    October 6, 2013 at 5:14 am #171029
    jennallocco

    Thank you, perfect

    October 6, 2013 at 5:21 am #171032
    Josue

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

    Regards,
    
Josue

  • Author
    Posts
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.