Hi there,

That's not related to the logo change. There's a finite amount of horizontal space available, so my best suggestion is to reduce the font size for those items if you need to have more filters listed than there is space available.

Best,

Chris

Chris, you rock!
The above code works fine and gives a solution to the menu-logo overlapping problem.

The only side effect is that the black bar above the calendar is not showing properly when it covers one line. It seems to leave an empty line below, which is covered and looks ok when the black box covers two lines.
Note: I have included

.blackBar {height: auto;}

in my custom CSS.

Hi there,

Try adding the following to your Custom CSS box...

a#logo {max-width: 100%;}

@media screen and (min-width:591px) {a#logo {max-width: 50%;}}

Let me know if that helps.

Best,

Chris

Chris, thank you once again! The code works as desired!
Another thing though:
My logo size is big. When the display screen fits up to 2 calendar boxes on width, the logo is on the top and right below is the menu. When gradually increasing the width (fitting on the screen 3 or 4 calendar boxes), the menu sits on the top right corner covering the right part of the logo. If I increase the width furthermore (5 calendar boxes and above) the menu moves again below the logo.
If I increase even more (up to full screen), the menu sits on the top right corner, with no effect on the logo however, since the space is big for both the logo and the menu to fit in the same line.

Can I set the menu sitting always below the logo and not on the right side of it, when the space the logo leaves for the menu is not sufficient?
You can take a look: http://larisizeit.gr/

Thank you in advance!

Hi there,

Try adding the following to your Custom CSS box on the Customize page...

@media screen and (max-width:890px) {
	#slider {display: none;}
}/*/mediaquery*/

Best,

Chris

Hi everyone!
I believe my question is related to the above.
Since I have similar problems with the mobile version and the menu is sitting on top of the slider (on a 4 inch screen - looks ok on a 7 inch):

Can i deactivate the slider only from showing up on the mobile version and leave the menu at its default settings?

:-)

Sure, thanks a lot :)

Hi there,

Sorry, but that goes a bit beyond the level of support I'm able to provide here in the forums. If it was something I knew off the top of my head I would gladly help, but if it requires a bit of research, testing and custom code then I have to refer you to the customization request form: http://themolitor.com/custom

Hope you understand.

Thanks!

Chris

Hi Chris,

I did it but nothing changed. Also to be clear I have a screenshot with Eventure Demo site which I wool with a phone.

http://i41.tinypic.com/11hfpmf.jpg

Basically I want to disable all responsive stuff and want everything same as PC on mobile device

Thanks

Hi there,

open up style.css and remove the following on lines 229-232...

@media screen and (max-width:890px) {
	#navigation {display: none;}
	#selectMenu {display: block;}
}/*/mediaquery*/

Best,

Chris

Thanks for answer Chris,

Is there anyway to disable it? I mean i want set to be shown full size even when people open it on mobile device.

Hi there,

The menu converts to a drop down menu. This is standard practice for making menus responsive. The reason being the horizontal space is limited, so menu items would stack on top of each other creating a poor user experience if they were kept the way they display on normal browsers.

Hope that explains things.

Best,

Chris

Hi,

I have a question about mobile version. Probably you are aware of the situation that when you open sites with Eventure theme by using mobile devices (also if you minimize browser window in PC) You cant see menu properly. Why this happens? And is there any way to fix it (like turning off the mobile version etc.)

Thanks for reply