Hello

See attachement screenshot. The layout from the template is not good on mobiles. It is not looking good.

Some questions
1. Can I place another logo image for the responsive layout. The logo is behind the Title
2. Do you have another menu solution, this on is not looking good
3. I want the topmenu ful width
4. I want a better design.

Gr Andre

Hi Andre,

Can you add the link for the site

Thanks
Paul

look at vanmegenrecruitment.nl

I want also both flags for the dutch and uk lanuguage at the top of the mobile site.

thanks
Andre

Hi Andre,

Can you confirm you are using the latest template version?

Cheers
Paul

Hi

Regarding the flags module I see this

col-xs-12 hidden-xs

So the module is currently hidden in the responsive tab settings

Looking at your custom.css are you missing a bracket on a media query?

Styles don't seem to work unless I add them to the top of the custom.css file

can you fix it for me?

Hi

These styles target the logo and the menu toggle button

@media screen and (max-width: 970px){
#logo {margin-bottom: 145px;}
}

@media screen and (max-width: 787px){
.t3-mainnav button.navbar-toggle {top: 0px;}
}

How does that look with them added?

Cheers
Paul

Hello,

Where do I put the code. In the custom.css?
I put it there on this moment but I see no change.


Andre

Hi Andre,

Did you manage to correct the css syntax issue?

Cheers
Paul

Hi Paul,

I have the code that you had passed put in custom.css, but I see no changes.

It is still not looking good

Andre

I think your existing code is still invalid

Its a bit hard to trouble shoot somebody else's code but think you are missing a closing bracket on this media query

@media screen and (min-width: 970px) { etc

Hi Paul,

this issue is solved (with te bracket) but I got the next question
1. I don't see the title of the article on the page. it's behind the logo



2. Can I choose anothe mobile menu options. I like the way Apple does. This one is not looking good (for small screen I can't read the complete menu-items)
3. The menu item Vacatures (or in UK Vacancies) is not green, the other one are green.
4. The top menu is to small for a finger

Andre

for 1. add a line to existing style I gave above so it reads

@media screen and (max-width: 970px){
#logo {margin-bottom: 145px;}
.t3-mainnav {height: 145px;}
}

For 2. I will need to seek advice on what is possible

3. Do you want it green or all green removed?

4. what do you want it to look like?

Cheers
Paul

for 1. solved!
Thanks

Hello,

@2 Maby is a accordion menu a good alternative. And then the same wide as the screen for mobile / smartphone.
for example


@3 When there is a new menu it might be resolved, Otherwise green items, grey sub-items and more space for the subitemas (fingers)

@4 buttons

Hi Andre,
It looks like the mobile menu isn't set correctly.

In the template settings under layout > responsive layout > small screen.

Change the logo and the menu width to each be 12 columns.

Im about to upload a fix for the issue with the menu expanding.

The template doesnt have an option like the one you suggested and it would take a lot of work to add something like that.

Thanks

Hi Antony

When I set it in 12 columns I see the menu under the logo and before the titel.



Andre