Recent
Categories
View Replies (2)

Problems with responsiv design virtuoso

0
Votes
Undo
  1. maria.koenig
    maria.koenig
  3. Commercial Templates
  4. Thursday, 30 October 2014
  5.  Subscribe via email
Hello

I am about to build my homepage and have some problems with the responsive design on the mobile phone. Here the link to my homepage: http://fewo.e-it-c.ch

1) Logo does not adjust, logo is the same size on laptop as on phone and therefore if you enter a slogan the logo is on top of the slogan.

2) Menu: If you open the menu on a mobile, the language icons are over the menu (at least parts of it)

3) Menu on mobile phones should be more on the right, because it is almost on top of the language icons.

4.) On older devices the background image does not adjust either (image is as big the image on the computer) and because of moduls, articles or the menu are not displayed correctly or not at all.

Thank you for your help

Kind Regards

Maria
Responses (2)
maria.koenig
maria.koenig
Accepted Answer Pending Moderation
0
Votes
Undo
sorry the temporary domainis http://fewo.e-it-c.ch
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Maria

1. To resize your logo on smaller screen devices try adding the following to the Custom CSS field of your templates parameters...


@media only screen and (max-width: 767px) {

.logo img {

    height: 60px;

}}


2. To amend add the following to your Custom CSS..


.slicknav_menu .slicknav_nav ul {

    margin-bottom: 65px;

}


3. WOuld this still not be an issue if you move mobile menu to the right?

4. Please state which devices.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!