Categories

Featured templates

Joomla 3.x. How to change modules, menu, logo width

Judy Waters September 30, 2014
Rating: 3.7/5. From 3 votes.
Please wait...

This tutorial will show you how to change modules, menu, logo width using Bootstrap Size field in Joomla 3.x templates.

Joomla 3.x. How to change modules, menu, logo width

Menu

In order to change menus width, you should open your Joomla admin panel. Navigate to Extensions -> Module manager:

Joomla-3.x._How_to_change_modules_menu_logo_width_using_Boostrap_Size_field_1

Locate Superfish menu -> Advanced:

Joomla-3.x._How_to_change_modules_menu_logo_width_using_Boostrap_Size_field_2

Locate Bootstrap Size’ tab there:

Joomla-3.x._How_to_change_modules_menu_logo_width_using_Boostrap_Size_field_3

In the drop-down select the size you need depending on menu content. Save the changes and close the module.

Modules

Width for modules is managed via Extensions -> Module manager. Select the required module from the list, go to Advanced tab:

Joomla-3.x._How_to_change_modules_menu_logo_width_using_Boostrap_Size_field_4

Locate Bootstrap Size’ tab there:

Joomla-3.x._How_to_change_modules_menu_logo_width_using_Boostrap_Size_field_5

Logo

In the drop-down select the size you need depending on menu content. Save changes and close the module.

The width of your logo can be modified via Extensions -> Template Manager menu:

Joomla-3.x._How_to_change_modules_menu_logo_width_using_Boostrap_Size_field_6

Then go to theme####-Default:

Joomla-3.x._How_to_change_modules_menu_logo_width_using_Boostrap_Size_field_7

Open Layout tab. Locate Logo Width’ option. Selected the required size for logo box under it. Save changes for the section and close it.

p>Feel free to check the detailed video tutorial below:

Joomla 3.x. How to change modules, menu, logo width

Joomla WebSite Templates
This entry was posted in Joomla! Tutorials and tagged joomla, logo, menu, modules, width. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket