Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 8, 2014 at 7:41 pm #248927
    ninaS

    Hi,
    i’m working on a projekt with the enfold theme and having some problems with it. Link: http://www.oldmencrew.com/wopr/home

    1. I’m using a slider with the featured size of 1500×430 which looks great on pc but really bad on mobile devices. The slider seems way to small. Is it possible to make it bigger (whole width) for smaller sized displays?

    2. I also wanted to change the menu font to “OSWALD”, only use big letters and make it a little bit bigger for instance. How to manage it?

    3. I’m also struggling with the mobile menu. I would like to size it down litte when it’s open. Right now the mobile menu takes the whole page when opens, I would prefer 1/2 oder 1/3 width. Is it possible?

    Would be very glad for some help.

    Regards

    Damian

    April 8, 2014 at 7:46 pm #248928
    ninaS

    PS: I put a vimeo video in the slider but mobile devices don’t like it, i guess… Is there a walkaround to solve this?

    April 11, 2014 at 5:15 pm #250316
    Yigit

    Hey!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 767px) {
.home #av_section_1 .container { width: 100%; }}

    2-

    .av-main-nav > li > a { font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; }

    3- 

    @media only screen and (max-width: 989px) {
.html_mobile_menu_tablet #mobile-advanced {
height: 40%;
}}

    Regards,
    Yigit

    April 11, 2014 at 6:32 pm #250331
    martin321

    Mobile devices dont like it because of autoplay and HTML5 <video> tag.

    BR,
    Ben

    April 11, 2014 at 6:40 pm #250334
    ninaS

    Thanks for answer Yigit,

    1. Problem solved! Slider looks awesome!

    2. The font looks pretty “fat” right now. How can i modify the fonts by myself?

    3. Actually i wanted to adjust the width of the menu, I already tried to put “width: 50 %;” but it didn’t help. Any solution?

    Thanks for the great support!

    April 12, 2014 at 2:45 am #250409
    Ismael

    Hi!

    2.) You can apply the font-weight:

    .av-main-nav > li > a { font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; }

    3.) If you don’t mind, please post a screenshot of how you want the mobile menu to look like. It looks fine on my end.

    Regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.