Joomla Templates Club 406,261 posts

[amir00251 Friend amir00251Join date: January 2011Posts: 113Downloads:38Uploads:13 Thanks: 13 Thanked: 11 times in 1 posts]

#189160

Hello,

I’d like to increase the width of the social heading, “follow us”.

I have done this by using custom css

.head-social .nav-connect .dropdown-menu {

width: 600px;
}

The issue is that I just want to increase the length of “Follow Us” but above code does also increase the length for “search” and “login” headings.
Any suggestions would be appreciated.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#499842

Hi amir00251,

You can add an additional class named extra, for example, into the div displaying the dropdown list for ‘follow us’:

– Open file: templatesja_smashboardtplsblocksheader.php

– Around line 40


<div class="nav-child dropdown-menu extra">
<div class="dropdown-menu-inner">
<jdoc:include type="modules" name="<?php $this->_p('followus') ?>" style="T3Xhtml" />
</div>
</div>


– Then edit your above css code to:


.head-social .nav-connect .dropdown-menu.extra {
width: 600px;
}


Hope this helps.

1 user says Thank You to Saguaros for this useful post

1. amir00251

[Author]

Posts