Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #840529

    I have been waiting for an answer for a very important project. Who do I need to speak to so I can get an answer?

    – On mobile, my iphone 6, the main menu at the top of the page is showing text links instead of showing under the mobile menu drop down. How do I fix this?

    Thank you

    • This topic was modified 7 years, 3 months ago by zhomes1705.
    #840699

    bump for help

    #840989

    Figured out the issue. Now I am unable to figure out how to change the menu background colors and such. Everything I am trying that I have found on the forum doesn’t work.

    • This reply was modified 7 years, 3 months ago by zhomes1705.
    #841354

    Hi zhomes1705,

    Could you please give us a link to your website, we need more context to be able to help you.

    Please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    Best regards,
    Victoria

    #841470

    Hi Victoria,

    My apologies for not following the rules, here are the questions I have for you:

    1. When opening the hamburger menu on mobile, how do I change the background color and font color of the flyout menu?

    2. On mobile devices, the main full screen slider images on the home page get cut off at the bottom, how can I fix that?

    3. On mobile devices, the distance between sections in the footer is large, for example the height difference between “Contact”, “Menu” and “Follow Us” is too far apart, how can I shrink the space between?

    4. On this page (http://www.zoltan.homes/get_in_touch/), how do I change the “Get in touch” button to a different background, font and border color?

    Thank you so much

    #841570

    Hi!

    1. When opening the hamburger menu on mobile, how do I change the background color and font color of the flyout menu?

    Please try this in Quick CSS:

    /* burger menu background color and font color */
    .html_av-overlay-side #top .av-burger-overlay-scroll {background:#404a54!important;}
    .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {color:#ffffff;}

    2. On mobile devices, the main full screen slider images on the home page get cut off at the bottom, how can I fix that?

    This is happening because your image is smaller in height than the slider. You can set your Slideshow Image size to Large or Extra Large instead of the current setting of No Scaling.

    You can also adjust the position of your image in the slider. Right now, both images are set to be positioned to the top left. When you edit your Fullscreen slider, click on a slide to edit to Edit Form Element. In the Slide tab, set the Image Position to Center center, or any of other options that you prefer.
     

    3. On mobile devices, the distance between sections in the footer is large, for example the height difference between “Contact”, “Menu” and “Follow Us” is too far apart, how can I shrink the space between?

    Please try this in Quick CSS:

    @media only screen and (max-width: 1024px) {  
    /* decrease footer margins for phones and tablets */
     #footer .widget {margin:10px 0!important;}
    }

     
    4. On this page (http://www.zoltan.homes/get_in_touch/), how do I change the “Get in touch” button to a different background, font and border color?

    div.wpforms-container-full#wpforms-506 .wpforms-form button[type=submit] {
       background:#EDAE44;
       color:#ffffff;
       border: 1px solid #000000;
    }

    I noticed that your plugin allows buttons to have classes. If you use that class, you can use it in the code above instead of .wpforms-form button[type=submit].

    Let us know if you need further help.

    Best regards,
    Sarah

    #842185

    Hi Sarah,
    Thank you for the provided solutions. I am having one last issue. On our Current Projects page (http://www.zoltan.homes/current_projects/) the tables and cells display in the correct order on desktop (top to bottom) but on mobile incorrectly (from side to side). Exact same problem as this post: https://kriesi.at/support/topic/table-element-not-working-properly-in-responsive-mode/

    The solution provided appears to be a solution outside of Enfold’s theme but I would really like to fix it using Enfold’s tables. Please advise,

    Skip

    #842418

    Hi Skip,

    That’s the way the table stacks on the mobile. You can hide it for mobile, if this does not work for you and create an element just for mobile and make it look the way you need. the new screen options allow you to do just that.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #842716

    Thank you. All set.

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