gradiant image not showing on menubar

Hi,

I have installed the bizway theme but am not getting the gradiated image on my menu bar. ie it is flat blue.

When i installed the free version which was blue by default the gradient image is loaded. (menubg-blue)

The image is a crude mockup of the two menubars - trying to get the 'paid for' version to work.

 

Do let us know your website link.

 

demo site (using free theme) http://bespoke.octagonpresents.co.uk

getting ready to go live using paid for theme: http://live.octagonpresents.co.uk (menu bar issue)

I need to have a custom header section for iPhones because I need to lose the text on the right of the desktop version as it does not look good on the iphone version and the number goes to black instead of white.

I need to know where to look to perhaps add some logic when the iphone version loads to hide or change elements in the header

 

followup.... just had a look at your demo page and some of the samples are loading the gradient on the menubar and some are not.

http://inkthemes.com/wpthemes/bizwaytheme/

http://inkthemes.com/wpthemes/bizwaymeditation/

spot the difference.

can you get this consistent please. would prefer original recipe with gradient image on menubar.

the file is something like menubg-{colour}.png

regards

Hugh

 

We are working on this issue and we will resolved this issue in our next updation of this theme.

 

That doesn't really help me in the short-term. Can you then help me with my other issue. I need to load a different header section for the iphone/mobile version - can you point me to where I can look to modify the code to allow for this?

 

Download theme again from your members area, This will solve your issue.

 

Thanks that has done the trick. Now do you want me to make a new thread about the header. I would be useful for a lot of people to be able to be able to amend the header section to allow for iphone issues. I need to swap header background image and remove right hand text when iphone/mobile is detected. thanks. the first problem was your issue not mine so can you give me this one

 

1.For your first issue

Code:

@media only screen and (max-width: 480px) {
.header-container{
background-image:url(Your image address)!important;
}
}
@media only screen and ( max-width: 768px ) {
.header-container{
background-image:url(Your image address)!important;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.header-container{
background-image:url(Your image address)!important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.header-container{
background-image:url(Your image address)!important;
}
}

2.
Please explain your problem with the help of screenshot, where you want to remove the text, so that we can give you the exact solution.