Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 25, 2019 at 6:48 pm #1159969
    Cdfb

    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 5 years ago by Cdfb.
    November 26, 2019 at 12:29 am #1160094
    Jordan Shannon

    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

    December 3, 2019 at 12:53 pm #1162180
    Cdfb

    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?

    December 6, 2019 at 6:30 am #1163317
    Ismael

    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

    December 13, 2019 at 12:01 pm #1165482
    Cdfb

    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

    December 15, 2019 at 1:15 pm #1166050
    Victoria

    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:

    Header

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 17, 2019 at 1:28 pm #1166819
    Cdfb

    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

    December 17, 2019 at 1:30 pm #1166821
    Cdfb

    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

    December 19, 2019 at 9:42 pm #1167953
    Victoria

    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

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