Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 15, 2016 at 1:14 pm #648568
    Jarias017

    Hi I am having a problem with my main menu.
    I use woocomerce and WPML and they are getting attached both onto my main menu. This makes my site’s menu not be fully responsive deppending on the screen size, my first menu items overlap the site’s logo and this can’t happen to the site since many people will see it as an error.
    I show screen shot to clarify my issue.

    http://prntscr.com/bgmwtg

    I need to remove flags from the menu and ensure that the cart wont be on top of the logo in mobile devices.

    Thank you.

    June 15, 2016 at 1:22 pm #648571
    Jarias017

    I mannaged to have it well displayed through the separation between items in the main menu bar, though I still get the cart on top of the logo… see screen shot.

    http://prntscr.com/bgn01k

    Please provide me the necessary instructions in order to correct this.

    Thank you.

    June 16, 2016 at 6:29 am #649027
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.responsive .logo img {
height:40px !important;
}
}

    Regards,
    Rikard

    June 16, 2016 at 2:10 pm #649212
    Jarias017

    It is still doing the same, I also want the slider to be a bit bigger in the responsive version it looks tiny and doesn’t show complete.

    http://prntscr.com/bh2wz0

    Thanks.

    Jaime

    June 17, 2016 at 4:10 pm #649859
    Yigit

    Hi,

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

    @media only screen and (max-width: 480px) {
a.cart_dropdown_link {
    background: transparent!important;
    border: none!important;
    top: -25px;
}
#top .avia-slideshow-button { margin-top: 0; }}

    Best regards,
    Yigit

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