Joomla Templates Club 406,261 posts

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#190248

How can I reposition the top menu to start from the left side right bellow the logo.
I would like to the menu bellow the logo and its left side to align with the left side of the logo. I have been searching the template.css for this and tried to use padding but it does not work since it gets stuck on the right side of the logo.

I have disabled theme magic and optimize css so I only work with the template.css file

Any help would be greatly appreciated

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#504425

Can you provide the url of the site you’re working on – so we can take a better look?

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#504432

<em>@TomC 387723 wrote:</em><blockquote>Can you provide the url of the site you’re working on – so we can take a better look?</blockquote>

Sure !!!

It is http://www.greek4chic.com/demo

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#504526

You can try with my below solution

Open templates/ja_hawkstore/css/template-responsive.css file

From


#t3-header {
padding: 10px 0 30px;
position: fixed;
top: 0;
width: 100%;
height: auto;
}


Change to


#t3-header {
padding: 10px 0 30px;
position: static;
top: 0;
width: 100%;
height: auto;
}


[machiel187 Friend machiel187Join date: September 2013Posts: 1Downloads:0Uploads:0]

#506229

Hi,

i’m having the same problem. I did change it to static, when I make my window smaller it does change to the bottom of the logo. But when it’s in fullscreen, the menu is still on the side of the logo. Anyway to make the menu appear on the bottom of the logo permanently. Perhaps some changes to the bootstrap?

– Machiel

[calavaro Friend calavaroJoin date: August 2013Posts: 125Downloads:7Uploads:34 Thanks: 28 Thanked: 24 times in 1 posts]

#506304

Perhaps if you comment out float: right; on line 1302 in templates/ja_hawkstore/css/template.css

Start at line 1301


#t3-mainnav {
/* float: right; */
position: relative;
z-index: 1030;
padding: 0px 160px 0px 0px;
}

[Author]

Posts