Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 5, 2018 at 9:12 am #1029798
    dondela

    Dear support,
    i have some problems on mobile view below 479px:
    1. The woocommerce category title on top should show a smaller font at screens below 479px.
    2. The products have a padding right and left, so they seem very small.
    3. I am using a custom footer page, the columns overlap on the product category pages on mobile view.
    Do you see, what could cause this error?
    Thanks for any help

    November 8, 2018 at 2:18 am #1031052
    Ismael

    Hey dondela,

    Thank you for using Enfold.

    1-2) These css codes should help.

    @media only screen and (min-width: 479px) {
#av_product_description * {
    font-size: 20px;
    line-height: 1.4em;
}

.responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
}
}

    3) Please enable the debug mode and then update the custom footer page. The columns doesn’t respond or resize properly because the whole section is outside the wrapper or main container.

    // https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode

    Best regards,
    Ismael

    November 8, 2018 at 9:40 am #1031151
    dondela

    Hey Ismael,
    thanks for your help. The debug-mode is enabled.
    I am using the following code to insert shortcodes in the theme, maybe this is causing the error in the footer? This is the shortened code:

    • This reply was modified 9 months, 1 week ago by Yigit.
    November 9, 2018 at 6:18 am #1031547
    Ismael

    Hi,

    Thanks for the info.

    You can actually set a particular page as footer on the latest version of the theme, so I don’t think you would be needing that shortcode anymore. Just set the page as footer in the Enfold > Footer > Default Footer & Socket Settings settings.

    Best regards,
    Ismael

    November 9, 2018 at 1:03 pm #1031637
    dondela

    Hi Ismael,
    i am using the custom footer page already. The problem is that on mobile view the footer content is not really responsive the columns overlap.
    The Shortcode i am using is for putting the akkordions between products and the footer.

    November 11, 2018 at 8:49 pm #1032319
    Victoria

    Hi dondela,

    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

    
@media only screen and (max-width: 767px) {
  div .av_one_third {
      margin-left: 0%;
      width: 100%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 12, 2018 at 1:12 pm #1032578
    dondela

    Hi Victoria,
    thank you for your help, great support :-)

    November 13, 2018 at 5:30 am #1032873
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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