Change the Main menu position « Support Forum | Kriesi.at

Support Forum » Incarnation

Change the Main menu position

10 posts from 6 voices

Started 4 months ago by gwildbur
Latest reply from Dude
This topic is not a support question

Tags:

gwildbur
Member

I need to change the main menu location from here:
http://mysticalmindtrainingcenter.org/wp-content/uploads/2013/01/httpmysticalmindtrainingcenter-org-menu-from.jpg

to this:
http://mysticalmindtrainingcenter.org/wp-content/uploads/2013/01/httpmysticalmindtrainingcenter-org-menu-to.jpg

Your support is appreciated.
Thank you.

Posted 4 months ago #
Devin
Moderator
Hi

In the header.php file of your theme look for:
echo "<div class='container header_meta'>";

Then look for:
```
echo "<div class='main_menu' data-selectname='".__('Select a page','avia_framework')."'>";
						$args = array('theme_location'=>'avia', 'fallback_cb' => 'avia_fallback_menu');
						wp_nav_menu($args);
						echo "</div>";
```
This is the menu output, you'll need to move it to just below that first div so that it is just under it.

You will not be able to use the countdown timer after this however as it will break the layout.

Regards,

Devin
Posted 4 months ago #
gwildbur
Member

Thank you Devin, I appreciate your quick response.
It got moved to where I wanted but now is going in top of the (facebook, tweeter, etc) buttons.

1) How can I flush it left?
2) The Rollover highlight are not working.

Thank you Again
Fernando

Posted 4 months ago #
Ismael
Moderator
Hey!

Hi,

It would be easier if you can give us a link to your website.

Try to add this on your custom.css
```
.main_menu {
clear: both;
left: 0;
top: 50%;
}
```
Best regards,
Ismael
Posted 4 months ago #
lvablog
Member

I would like to do the same for my website http://www.lumenveritatis.ca. What should I do? Also I would like the menu title to be the same font (just smaller) as my other big titles, etc. Also how do you change the grey font color of the widget titles to something visible?

Posted 4 months ago #
Devin
Moderator
Hi lvablog,

It looks like you've moved the menu up.

The fonts for the menu can be modified by adding the following to your quick css:
```
.main_menu ul:first-child > li > a {
font-family: helvetica neue;
}
```
For the widget titles:
```
#footer .widgettitle {
color: #000;
}
#top #footer h3 a {
    color: #000;
}
```
The events widget when class:
```
#footer .eventsListWidget .when {
color: #000;
}
```
I also noticed you have a few widgets/plugins that seem to be causing conflicts with some of the theme scripts. Specifically whatever is putting in the digg button seems to be the initial cause.

If you have any other issues or questions, please make a new topic so we can keep issues separate.

Regards,

Devin
Posted 4 months ago #
lvablog
Member

I did move the menu, but the colours of the widget titles are not changing and also I need the background color of the submenu to be visible. Here is what I have in my custom.css for now:

#logo img {
height: 150px;
width: 500px;
position: absolute;
}

.main_menu ul:first-child > li > a {
font-family: helvetica neue;
}

.main_menu {
clear: both;
left: 0;
top: 50%;
}

.sub-menu a:hover {
color: #fc9e00;
}

#footer .widgettitle {
color: #000;
}

#top #footer h3 a {
color: #000;
}

#footer .eventsListWidget .when {
color: #000;
}

Posted 4 months ago #

Nick
Moderator

Hi,

This is background for the submenu and the three on the bottom are for the menu 2nd level shadow which is almost invisible.

#top .main_menu .menu ul {

background-color: red;

-moz-box-shadow: 0 30px 60px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 30px 60px rgba(0,0,0,0.1);
box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

This is the 2nd level menu text color

#top .main_menu .menu li ul a {
color:blue;

Thanks,

Nick

Posted 4 months ago #

lvablog
Member

Thank you! It worked out, although hover colour doesn't change. Another issue is the widget title colours of the 2nd word. I have one in black which is fine and the others in grey which is not so good...

Posted 4 months ago #
Dude
Dude
Hi!

Add following code to css/custom.css or the quick css field top fix the widget title color:
```
#footer .widgettitle {
color: #000 !important;
}
```
Best regards,
Peter
Posted 4 months ago #