Hello
1)I recently purchased your theme. I’ve been able to pretty much modified to my taste so far. I’m having trouble specially with customizing the main menu (style 5). Once i added the menu items it got all messed up. Current style –> http://www.screencast.com/t/gSYjLXAal
2) Now i need to add a second img (slogan) with a black area like shown on this picture: –>http://www.screencast.com/t/gUSzWRGe
Thanks for your help.
Hi,
The menu will fall to a second row if you add too many elements to it. There cannot be infinite elements added to the same line unfortunately. It has it’s limits. Unfortunately there is little that can be done about this except remove some of the items if you want to have it on the same row. you can also reduce some of the padding of the menu items so one more element can fit if you have the proper css knowledge.
As for your second request, our theme has no such spot to add content below the menu. You can do it custom if you know your way around html and css by adding it in the files here: http://screencast.com/t/3BUFU7FOiWL
Then you can use css to style the div element.
Thank you!
Hi,
You did not provided your site url so we can inspect this. Also you could change the header template if you have many menu items and you can reduce the font size for your items.
The modifications for stylesheet file should work, also if you paste the code in Theme Panel > Custom Css. Please clear all your caches, maybe it is a caching issue.
Thanks!
Hello
The link is frugalhn.com/america
I will like to recreate this on the main menu –>http://www.screencast.com/t/gUSzWRGe
I was able to modify it now through the css. I need to modify the style on <div class=”td-header-menu-wrap-full”style height:60px;”> I tried it on my browser and works for me around 49px, but i need to add the black line on the buttom so “CENTROAMERICA” is readable on top of the black line.
Also, please tell me how to insert it on the html.
http://www.screencast.com/t/nR7OJejjiA
Hi,
I already provided a coding tip in my first reply. I showed you how to add a div in the menu to make it appear bellow the menu. Here is the code you need to add to the menu:
<div class="centroamerica">add your content here. Text or an Anchor tag if you want to make it a link </div>
And then use the css class you added to the div to style it with css like so:
.centroamerica{
background-color:black;
color:white;
height:30px
vertical-align:center;
text-align:center;
}}
result: http://screencast.com/t/jeiRGheh
I hope this helps.
Thank you!
Bogdan B. you are right. Thanks for your help. I’ve pretty much accomplish the look i was looking for. I’m still having a problem trying to change the style-height to 47px, instead of 60px. image –>http://www.screencast.com/t/ZwnzZm07lPvV
I added to following code on the Custom Code area:
<div class="td-header-menu-wrap-full" style="height:47px;"></div>
But nothing changed. I’m trying to make the style like on the picture i attached. Thanks for your help so far.
Hi,
The menu height can be changed from the theme panel by changing the line-height for the main menu: http://screencast.com/t/gnsLFDTo4Az0
Thank you!