Joomla Templates Club 406,261 posts

[meaghen Friend meaghenJoin date: May 2012Posts: 9Downloads:0Uploads:0]

#178092

Hello,

Here is the site I’m working on:
http://dev.geekhampton.com/

My main menu isn’t wide enough to accommodate my menu items. Is there a way to change that in the CSS without messing up the responsive aspects of the menu? I’d like it to stretch as far over to the right as “apple specialist”.

Also, there is a little extra space at the top of the banners. Is it possible to remove that extra space with CSS?

Thank you!

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#457232

Hi Meaghen
Please open file templates/ja_elastica/css/layout-tablet.css and find (line 117)

h1.logo {
height: 50px !important;
width: 100% !important;
}

then modify to

h1.logo {
height: 150px !important;
width: 100% !important;
}

Regards,

[meaghen Friend meaghenJoin date: May 2012Posts: 9Downloads:0Uploads:0]

#458241

Hello HeRO – thanks for your help. This didn’t fix the problem I’m having with the menu. If you view the site now, you can see what I mean. The word “contact” wraps down – the navigation isn’t wide enough. Any other dieas? Thanks!

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#458272

Hi
Please onpen file /templates/ja_elastica/css/layout-wide.css
find
#ja-mainnav {
max-width: 754px;
}
then replace to
#ja-mainnav {
max-width: 100%;
}

Regards,

[meaghen Friend meaghenJoin date: May 2012Posts: 9Downloads:0Uploads:0]

#458386

Yes, thank you! That did it!

[Author]

Posts