Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 16, 2018 at 10:43 pm #942794
    Pete S.

    Hi,

    we work with Version 4.2 and have a problem with the header (logo and burger-menu) in the mobile device. It is not fixed. At the desktop device we used the Logo and Main Menu at the sidebar (settings in the general Layout).

    Can you help us to get a fixed header at mobile device?

    Thx

    April 18, 2018 at 7:40 am #943471
    Ismael

    Hey Pete S.,

    Thank you for using Enfold.

    Upgrade the theme to version 4.2.6 and then provide the site url and the login credentials in the private field. We’ll check it afterwards.

    Best regards,
    Ismael

    April 20, 2018 at 3:43 pm #944610
    Pete S.

    Okay, we have done the Update and sent you an private information. After the update, the menu-points in the mobile devices have frames now.
    Can you please look there as well. The menu-points should be frameless (but only of mobile devices). Thx

    April 22, 2018 at 12:54 am #944992
    Ismael

    Hi,

    Thank you for the update. Did you apply those borders to the menu items? Try to wrap the css modifications inside a css media query so it would only affect the desktop view.

    @media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

    Best regards,
    Ismael

    April 23, 2018 at 10:15 am #945329
    Pete S.

    Hi Ismael,

    yes, the borders are apply with the menu-style “button style (bordered)”. What should we add at the row ” /* Add your Desktop Styles here */”?

    Thx Pete

    April 24, 2018 at 9:10 am #945748
    Ismael

    Hi,

    Thank you for the update.

    1.) Use this css code to remove the default border on mobile view.

    @media only screen and (max-width: 768px) {
#top .av-menu-button > a .avia-menu-text {
    border: none;
}
}

    2.) We don’t recommend setting the header to “fixed” position because it creates new errors or is incompatible with the existing scripts. It doesn’t really make sense on mobile devices because you can easily navigate back to the top of the page and the header container takes up a lot of space.

    Best regards,
    Ismael

    April 24, 2018 at 9:28 am #945768
    Pete S.

    Hi Ismael,
    sorry, but the css code do not work.

    April 25, 2018 at 5:45 am #946388
    Ismael

    Hi,

    We modified the css code a bit. The borders are gone now. Unfortunately, we can’t help you with the “fixed” header modification as explained on my previous reply.

    Best regards,
    Ismael

    April 25, 2018 at 10:22 am #946482
    Pete S.

    Hi Ismael,

    thank you for solve the problem with the borders. Is it possible, to create a button for mobile devices with an arrow to navigate on the top of the page? You know what i mean?

    Pete

    April 25, 2018 at 2:56 pm #946611
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
    display: block !important;
}}

    Best regards,
    Vinay

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