Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 9, 2015 at 2:55 pm #549723
    nunopintodacruz

    Hello,

    I have two small issues concerning my website.

    1) I don’t see the menu on the mobile version of my website, it simply disappears. It happened since I modified the functions.php on my child theme so I could hide the Enfold logo. Also, the menu on the tablet version sometimes appears on two lines and that’s quite ugly, how can I change that?

    2) On the mobile version of my website the background image has a huge zoom (because it’s a vertical screen, I suppose) and it’s impossible to read the name in it, is there a way to change that?

    Thank you so much!

    Cheers,
    Nuno

    December 9, 2015 at 4:17 pm #549826
    Andy

    Hey nunopintodacruz!

    try this code in your Quick CSS field:

    @media only screen and (max-width: 1024px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
display: block;
}}

    Best regards,
    Andy

    December 9, 2015 at 5:30 pm #549889
    nunopintodacruz

    Hello Andy,

    Thank you for your reply. It works!

    Is it possible to do something about the second item on my post?

    December 10, 2015 at 7:35 am #550195
    Rikard

    Hi,

    You might need to create another section and use an image better adapted to smaller screens then hiding/showing the section with CSS. This might help you on the way: 

    @media only screen and (min-width: 768px) {
 #section-desktop {
display:block !important;
}
 #section-phone {
display:none !important;
}
}

@media only screen and (max-width: 767px) {
 #section-desktop {
display:none !important;
}
 #section-phone {
display:block !important;
}
}

    Best regards,
    Rikard

    December 10, 2015 at 1:23 pm #550342
    nunopintodacruz

    Hello Rikard,

    Thank you for your reply.
    What do you mean exactly with “creating another section”?

    December 10, 2015 at 1:30 pm #550347
    Yigit

    Hi!

    He means another color section made specifically for mobile version and choose to display that section on desktops using the code Rikard posted above :)

    Cheers!
    Yigit

    December 10, 2015 at 1:45 pm #550363
    nunopintodacruz

    In my front page I already have a color section with the image that appears on the background.
    I can create another section with an image that would be specific mobile version, but where do I put it?

    Sorry, I’m not an expert :)

    Cheers!
    Nuno

    December 10, 2015 at 2:02 pm #550375
    Yigit

    Hey!

    Right below your current Color Section. Your current color section should have “section-desktop” for unique ID and the one for mobile should have “section-phone” – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    And then you can simply use Rikard’s code above :)

    Regards,
    Yigit

    December 10, 2015 at 4:27 pm #550508
    nunopintodacruz

    Amazing! Now it works.

    Thanks a lot :)

    Cheers,
    Nuno

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Menu on the mobile version of the website’ is closed to new replies.