Tagged: 

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

    Hi guys

    I used you amazing theme Enfold for my new website.
    Though I do have some issues with the responsive version:

    1. The logo overlaps the main navigation
    2. The elements on page “Preisliste” also overlap on a weird way. The button “Details” covers up the banner text.

    How can I fix this?
    Thank you in advance.

    • This topic was modified 6 months, 1 week ago by  Cdfb.
    • This topic was modified 6 months, 1 week ago by  Cdfb.
    #1160094

    Hey Carolina,

    For #1 just go mobile sooner:

    @media only screen and (max-width: 1024px) {
      nav.main_menu {
        display: block !important;
      }
      #avia-menu .menu-item {
        display: none;
      }
      .av-burger-menu-main.menu-item-avia-special {
        display: block;
      }
    }

    I’m not seeing the issue for #2. Can you screenshot?

    Best regards,
    Jordan Shannon

    #1162180

    Hi Jordan
    Thank you for the quick reply. I included your code and some of our problems got fixed with it.
    Here is an image regarding problem #2. The “Details” Button still overlaps the text on the iPad version (see private content)

    How can we fix this?

    #1163317

    Hi,

    Thank you for the screenshot.

    Edit the special heading element, go to the Screen Options and try to define the font size for medium sized screens (between 768px and 989px – eg: Tablet Landscape). You can also hide it when necessary.

    Best regards,
    Ismaelg

    #1165482

    Hi Ismael
    Thank you for your response. The last issues have been fixed so far. The desktop version looks pretty.
    I have some further problems with the mobile version of the website tough.

    1. The navigation for mobile versions has a pink background. I want to change the color. How can I do that?
    2. The navigation for mobile versions doesn’t stick to the top. I have to scroll all the way up if I want to use it again, which is not really user-friendly.
    3. On mobile versions there are huge white surfaces between the some images and texts. How can I optimise the appearance?

    Thank you in advance for your support.
    Carolina

    #1166050

    Hi Carolina,

    Do you mean you want to change the color here?
    Image 2019-12-15 at 13.12.07.png
    1.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top #wrap_all .av-burger-overlay-scroll {
        background-color: #cabebe;
    }
    

    2. Here is how to do it:

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1166819

    Hi Victoria

    Thank you for your reply.
    Unfortunately it’s still not really working. :-(

    1. The sticky navigation on the mobile version is now working correctly. But there is a beige frame on top now. How do I get rid of it?
    Here’s a screenshot:
    https://bpretty.ch/wp-content/uploads/2019/12/IMG_4607.png

    2. The background color im the mobile navigation works. The hover shouldn’t be pink though. How can I define the color for the hover effect?
    https://bpretty.ch/wp-admin/post.php?post=1030&action=edit

    3. On mobile versions there are huge white surfaces between the some images and texts. How can I optimise the appearance?
    https://bpretty.ch/wp-content/uploads/2019/12/IMG_4604.png
    https://bpretty.ch/wp-content/uploads/2019/12/IMG_4605.png
    https://bpretty.ch/wp-content/uploads/2019/12/IMG_4606.png

    Thank you
    Carolina

    #1166821

    Hi Victoria

    Thank you for your reply.
    Unfortunately it’s still not really working. :-(

    1. The sticky navigation on the mobile version is now working correctly. But there is a beige frame on top now. How do I get rid of it?
    Here’s a screenshot:
    https://bpretty.ch/wp-content/uploads/2019/12/IMG_4607.png

    2. The background color im the mobile navigation works. The hover shouldn’t be pink though. How can I define the color for the hover effect?
    https://bpretty.ch/wp-admin/post.php?post=1030&action=edit

    3. On mobile versions there are big white surfaces between the some images and texts. How can I get rid of them?
    https://bpretty.ch/wp-content/uploads/2019/12/IMG_4604.png
    https://bpretty.ch/wp-content/uploads/2019/12/IMG_4605.png
    https://bpretty.ch/wp-content/uploads/2019/12/IMG_4606.png

    Thank you
    Carolina

    #1167953

    Hi Cdfb,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
    https://share.getcloudapp.com/E0uErjlN This code should not affect the mobile. Did you add it?

    Best regards,
    Victoria

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.