Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 10, 2019 at 11:23 pm #1164664
    deffectrix

    I am building homepage with Advance layout editor.
    Here is my problem.
    On desktop everything looks ok, but on mobile rows that have 3 elements-columns inside them also staking side by side on mobile which messing everything up and they are overlapping and looking weird. Here is how it looks in page builder http://prntscr.com/q90q9f here is how it looks on mobile phone http://prntscr.com/q90qyc
    They should stack one after another, so one column, than next below, etc.
    It is same for footer, there is 4 widget area in footer and they all stacking side by side instead one below another http://prntscr.com/q90sl3
    Testimonials also looking weird, pagebuilder http://prntscr.com/q90uur look on mobile http://prntscr.com/q90val

    On other pages footer acts as it should, stacking widgets one after another, so there sames to be problem only on home page.

    It is not good and i want to change it to stack them properly. How can i achieve that?

    Website is cherrybizuterija.rs

    • This topic was modified 5 years, 4 months ago by deffectrix.
    December 11, 2019 at 5:19 pm #1164884
    Victoria

    Hey deffectrix,

    I could not reach the website, please check the website’s address.
    Image 2019-12-11 at 17.19.02.png

    Best regards,
    Victoria

    December 12, 2019 at 9:27 pm #1165333
    deffectrix

    Hey very sorry its .com not .rs

    https://cherrybizuterija.com

    • This reply was modified 5 years, 4 months ago by deffectrix.
    December 13, 2019 at 10:51 pm #1165692
    Victoria

    Hi deffectrix,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    December 15, 2019 at 12:58 pm #1166039
    deffectrix

    Sure, here it is.

    December 20, 2019 at 5:20 pm #1168216
    Victoria

    Hi deffectrix,

    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) {
  #top div .av_one_fifth,
  #top div .av_one_fourth,
  #top div .av_one_third,
  #top div .av_two_fifth,
  #top div .av_one_half,
  #top div .av_three_fifth,
  #top div .av_two_third,
  #top div .av_three_fourth,
  #top div .av_four_fifth,
  #top div .av_one_sixth,
  #top div .av_one_seventh,
  #top div .av_one_eighth,
  #top div .av_one_nineth,
  #top div .av_one_tenth,
  #top .no_margin.av_one_half {
    margin: 0;
    width: 100%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 21, 2019 at 2:35 pm #1168428
    deffectrix

    Thank you, that solved the problem.

    December 21, 2019 at 7:22 pm #1168499
    Victoria

    Hi deffectrix,

    Glad we could help :)

    Happy Holidays!

    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Problem with responsiveness, elements in homepage acting weird’ is closed to new replies.