Active 7 years ago. Viewed 1k times. Unfortunately I managed to make the header image disappear and the horizontal nav menu distort on this Thesis themed Wordpress site I'm helping a friend with www. Cheers, Les File: custom. Sisir 5, 5 5 gold badges 50 50 silver badges 91 91 bronze badges. Les Thomas Les Thomas 6 2 2 bronze badges.
Les - If you're a registered user of Thesis, you may want to ask these questions on the Thesis forum diythemes. Kiril Fuchs was able to come up with a great answer quickly, but in many cases theme and plugin specific questions are normally closed before you can get an answer. The nav bar: Your float:left; property in:.
You have 2 options: get rid of the float left. Edit: Also you don't need the no-repeat because it also in the header or the transparent color because it's white anyway. Kirill Fuchs Kirill Fuchs 5 5 silver badges 14 14 bronze badges.
Full Width Nav Menu below header in Thesis Theme
Thanks for the reply, Kirill Fuchs. The menu problem is now resolved, but the header is still not showing. I've tried reloading the header image with no success. Yes sorry, the css was still overwritting the background-image property from header.
Just split the remaining properties. I edited my answer and should be correct now. Let me know how it turns out.
thesis navigation menu background
Thanks again for your help. The header image is now visible, but it's not fitting as it should. Attempts to tweak the height and width don't seem to be doing much.
Sorry to be such a newb. LesThomas I took another look and it seems like you've got it working. How To Thesis Theme Customization. In this video tutorial I am going to explain about how to add background image in thesis theme navigation menu. By default thesis navigation menu is in unfinished form in order to make finished we need to add background color or image.
I have previously explained that how to add background color in navigation menu.
Contributors & Developers
Here we are seeing about how to add image in nav menu. There are number of ways available to choose perfect image to the navigation, in other words you can use singe image in rectangular size to the navigation menu or you can use bit of images to fix in navigation menu with perfect background image. One is to add background image and another one is to style your custom nav.
Login your wordpress admin. Paste the above code and save it. The above two codes is for navigation menu above header. If you have nav menu below header the above code you should replace the hook functions after header like below code.
Create Full Width Nav Menu below header in Thesis Theme 2.0
Now upload your navigation background image to the custom images folder by using ftp. Once you uploaded the image file. Copy and paste the below code in custom. The above custom. Select custom. Select nav menu and do the corresponding changes. Now check your site navigation menu with background image. For more checkout our all Thesis theme tutorials.. Save my name, email, and website in this browser for the next time I comment. Hi, Images will make your blog bit slow loading.
I will advise you to go with Background color not Image. I saw your site you have added the background image in nav menu.. Is there any problem..
Should I delete the code from the previous lesson I did, the code to put the nav bar below the header image, and then use this code? Can you take a look at my site and tell me what I did wrong? How can I fix this?
I also adjusted the height, and the width. I checked your site. If you give like that It will take full path as. I checked there is no image in this path.