Search Results for 'mobile'

Hello,

The theme was built in such a way that there are 2 header styles (in your theme version) that do not pick up the mobile logo. These are style 3 and style 6. You are using header style 3 and this is a normal behavior of the theme, not a bug.
You could try to alter the theme files to force it to pick up the mobile logo but this requires custom work which unfortunately we cannot provide.

I hope this helps.
Thank you!

Hello,

I have checked your website on multiple tablets and the top menu displays fine (maybe you got it fixed?): http://mobiletest.me/ipad_mini_emulator/?u=http://www.journaldufranc.com/
It does not overflow the line as suggested above. Please also test this on your end and provide more details if we have different results.

Thanks.

Hi jimmysong,

For get a transparent background, please follow the steps below:
http://screencast.com/t/bmQ9e6Cd

This steps you should follow and for top menu/main menu or mobile menu background color within Theme panel.

An exemple you can see here: http://screencast.com/t/d4qUaS9y5c5

Thanks and let us how it goes.

Hi,

You can add your map in a row, add an extra class to the row and hide it on mobile – http://screencast.com/t/XtSr9kcKviYE – http://screencast.com/t/ZF9Ne6hvF

Thanks!

Hi,

You could make the login widget appear only on the mobile version. You can hide the login with css and then force it to appear on mobile. Then make the login in the main menu disappear on mobile so you won’t have 2 logins in the mobile version. This seems the easiest way. The drop-down way involves a bit of coding knowledge and it will be no easy task. unfortunately we cannot provide custom work at the moment, you will have to hire a freelancer to do it.
I hope this helps.

Thanks.

Hi,

At the moment these are the only options for the mobile menu. In a future update we hope to implement a number of options for the mobile version. What you can do is make the top-menu appear above the main menu, but again it will need custom work to display properly. Not all options from the top menu will fit.
As an example:
http://screencast.com/t/PL9o8rRCN6N6
code:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block;}
.td-header-sp-top-menu{
display:block!important;
}

You can then hide elements you do not want with the ‘display:none’ property.

Thanks.

Hello,

Unfortunately there is no option to change the header style on a different viewport.

You can use this custom CSS to display the small logo on the mobile version of your site:
@media (max-width: 767px){
.td-header-style-10 .td-main-menu-logo {
display: block!important;}}

Now your logo should show up as expected.
Thank you.

Hi,

The code i provided removes the bottom border and changes the background color for the ad container.
The theme was not built to support big logos to cover the containers like that. The recommended logo dimensions are these: http://screencast.com/t/wRIpx7CxBGJV. In order to make the logo fit on mobile phone you can make a smaller logo and add it as a background image to the container in the mobile version.
You will need a bit of css knowledge to get it done.
As an example:

@media (max-width: 767px){
.td-header-style-10 .td-header-sp-logo {
background-image: url("your image url");
}
.td-header-style-10 .td-header-sp-logo img{
display:none
}}

It will need further customization to fit properly though

Thanks