Main Menu formatting

be-art

Hi, I am experiencing an issue with JA Brickstore. The main menu when changing the width of a browser window does a few undesirable formatting things pictured below. All that is required is a swap to mobile menu button at a certain screen width. I have tried CSS modifications to fill in the background with black however there are some size issues i think with the wrapper that is causing contact us to go onto a second line.

teitbite

be-art Hi. Please try to add this to css:

#t3-mainnav { width: 75% !important; }

.head-actions { width: 25% !important; }

be-art

Thank you, I was able to achieve what i wanted by playing around with mainnav width percentages & background colour in this mainnav. could never find out where to use the .head-action width though.

Ninja

be-art
Hi
The template is based on bootstrap3 and each section width is divided in total of 12 columns.
Its defined in template folder /tpls/blocks/header.php file
For logo

<div class="logo col-sm-4 col-lg-4 col-lg-offset-4">

This is head section width

	<div class="head-actions col-sm-8 col-md-6 col-lg-4 clearfix">

This is for main nav

	<nav id="t3-mainnav" class="navbar navbar-default t3-mainnav col-md-6 col-lg-4">

You can see width col-lg-4 is defined for each section and total is 12
LG : Large display
MD: Medium display
SM : Small display

You can change the values as per needs,
For the BG color, kindly let me know which part of BG color you want to change in it.

Regards