Menu customization wanted (width, height, alignment) « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Newscast

closed

resolved

Menu customization wanted (width, height, alignment)

13 posts from 3 voices

Started 9 months ago by Boris
Latest reply from Boris
This topic is closed
This topic is resolved

Tags:

Boris
Member

Hi Support,

I am sorry, because this is a basic coding question, but I am no php-coder, so I need to ask what to do precisely.

This is my Newscast site: http://www.kletterbericht.de/

I would like to customize the second menu as follows:

1.) Center each menu-item
2.) Delete the last empty menu item (But still align with the accordion slider)
3.) Set the submenue-witdh to the same value of the parent menu item

That's it.

I already read the other support-threads and managed to adjust at least the height an witdth via style.css! Whoopee ;-)

Thanks for help!

Boris

Posted 9 months ago #

Ismael
Moderator

Hi Boris,

For #1:

.catnav li a {
   text-align: center !important;
   padding: 13px 13px 10px !important;
}

For #2:

.catnav li:last-child,
.catnav li:last-child a {
   border: 0 !important;
}

As for #3, I can't seem to find a working solution as of now.

Regards,
Ismael

Posted 9 months ago #

Boris
Member

Hi Ismael,

thanks, but for

#1: what do I do with the existing code? Replace it?
Currently it looks like this:

.catnav li a{
display:block;
float:left;
padding:13px 10px 10px 10px;
width:130px;
border: none;
text-decoration: none;
line-height: 33px;
outline: none;
min-height:30px;
}

and for #2: Where do I put this code to?

Sorry, but I am no coder... ;-)
Thanks.

Boris

Posted 9 months ago #
Devin
Moderator

Hi Boris,

You can either replace it in the case of #1, and with #2 add it to the very bottom of your Style.css.

Regards,

Devin

Posted 9 months ago #
Boris
Member

Hi Devin,

#2 worked just finde.

#1 screws up everything. (The menu is complete deleted and the menutext is right next to each other - look awful) ;-)

So replacing the whole bloc
from .catnav li a{

to

}

cannot be right.

Can you instruct me more precisely, please?

Which part do I need to replace?

Hope you don't need a screenshot. ;-)

Posted 9 months ago #
Devin
Moderator

Hi alconsulting,

My mistake! I should have said add them both to the very bottom of your style.css! Yes, deleting the other block would cause issues. Alternatively, you could add to the current set of attributes but adding at the end of the file will make it easier to back up in case of updating the theme.

Regards,

Devin

Posted 9 months ago #
Boris
Member

Great! It works.

Thanks a lot.

Do you have a solution for issue #3? Wit the current changes, the submenues look even worth now: to much height.

And by the way, talking of updating the theme, I would like to recommend to do so!
I set up a blog with the sentence theme and compared to that newscast seem a bit outdated! There are a lot of nice features in Sentence that I am already missing in newscast...

Pleaz!!!! ;-)

Best Boris

And thanks again! I love your support!

Posted 9 months ago #
Devin
Moderator

Unfortunately I don't think there is an easy way to get the sub menus to conform to the same width as the parent since they don't have a defined value.

Regards,

Devin

Posted 9 months ago #
Boris
Member

Oh no! It look so terrible now.Please have a look an help me ;-(

http://www.kletterbericht.de/

Best Boris

Posted 9 months ago #
Devin
Moderator
Hi Boris,

In:
```
.catnav li:last-child,
.catnav li:last-child a {
   border: 0 !important;
}
```
Remove the " !important " so that the sub-nav child list items still get the border. Just make sure to leave the rest of it.

Next you'll need to add the following CSS as well:
```
#top .catnav li ul ul {
left: 160px;
top:-1px;
}
.sub-menu li a {
padding: 5px !important;
}
```
That should get the sub menus adjusted a bit better.

Regards,

Devin
Posted 9 months ago #
Boris
Member

Hi Devin,

thanks! Thats better. Since I dont understand to much of the code, which values should I play with to get it fit just perfect?

Have another look, there are still some glitches...

Best Boris

Posted 9 months ago #
Devin
Moderator
Hi Boris,

The padding I believe is the main change so if you want to adjust the size of the containers that would be the number to try. Though the sub menu items have an additional width property that you can play with. In your style.css look for:
```
#top .catnav li ul a{
width:150px;
height:auto;
float:left;
text-align:left;
padding:0 10px;
}
```
Regards,

Devin
Posted 9 months ago #
Boris
Member

Thanks, I adjusted the width, and now it fits. Thanks.

Posted 9 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top