Joomla Templates Club 406,261 posts

[karocki Friend karockiJoin date: July 2011Posts: 10Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#175754

Hi All,

Just installed this Mers template and having a little issue. In the Firefox on my work iMac the CSS for the menu is fixed and remains on top all the time as wanted. However, in any other browser, or even in Firefox on another machine the position is relative and therefore scrolls with the rest of the content, which i don’t want.

I saw an earlier thread with a solution to this problem but when i tried it, it made the header sit on top on the main nav and also…as its working on my browser, should i be tampering with the css?

Thank you for your time,
K

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

#447190

Greetings K:
“Tampering” – or, as I prefer to call it, “trial-and-error/experimenting – with the CSS is what creative web design is all about. 😎

Okay . . . . so what effect/function, exactly, do you want to be consistent cross-browser?

Also, so that I may best try to assist you and provide you with concise guidance as to what you need to do within your template/site structure, please provide the url of the site you’re working on, as well as set “Optimize CSS” to “No” within your Template Manager–General Settings

1 user says Thank You to TomC for this useful post

1. karocki

[karocki Friend karockiJoin date: July 2011Posts: 10Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#447194

Thanks for the quick response Tom,

Ok, firstly I have now changed the “Optomize CSS” to “No”.

What I’m trying to achive is to get the menu to behave like it does in the demo http://www.joomlart.com/demo/#joomla25-templates.joomlart.com/ja_mers and remain visible at all times. On the demo this seems to work perfectly on all browsers.

But for some reason mine seems to be different and moves up with the content (relative rather than fixed). The link is http://www.babyandcradle.co.uk

Hopefully its just a setting i need to change,

Thank you,
K

[thejill Friend thejillJoin date: March 2012Posts: 1Downloads:0Uploads:0]

#447223

Hi karocki,

I had the same issue you were having, in which the menu wasn’t scrolling with the page. I needed to make a change to the template.css file (templates/ja_mers/css/template.css) and changed this code:

#ja-mainnav, #mainnav {
line-height: normal;
font-size: 105%;
position: relative;
z-index: 13;
}

to

#ja-mainnav, #mainnav {
line-height: normal;
font-size: 105%;
position: fixed;
z-index: 13;
}

That solved the issue with the menu, but like you, my menu completely hides the module title and the logo doesn’t flow with the menu either. Not sure how to fix that, but I’ll report back once I find out the issue.

[karocki Friend karockiJoin date: July 2011Posts: 10Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#447301

Thanks thejill,

I’ll give it a try when I get back on this project and will post the results.

[Author]

Posts