Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 14, 2018 at 4:53 pm #956526
    bakbek

    Hi, how can I make the my account page look better on mobile?

    May 14, 2018 at 7:01 pm #956609
    Yigit

    Hey DROR,

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

    CSS Snippet:

    
/* Account page CSS */

@media only screen and (max-width: 767px) {
#top.woocommerce-account .woocommerce-MyAccount-navigation, #top.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
}}

    Best regards,
    Yigit

    May 14, 2018 at 7:53 pm #956635
    bakbek

    Hi Yigit, I tried it in the Custom CSS and in the style.css but it didn’t make any difference.

    May 14, 2018 at 7:55 pm #956637
    Yigit

    Hi,

    Please try changing the code to following one 

    @media only screen and (max-width: 767px) {
#top.woocommerce-account .woocommerce-MyAccount-navigation, #top.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
}}

    Cheers!
    Yigit

    • This reply was modified 6 years, 6 months ago by Yigit.
    May 14, 2018 at 8:01 pm #956644
    bakbek

    It’s exactly the same code… or am I missing something?

    May 14, 2018 at 8:08 pm #956648
    Yigit

    Hey,

    I edited my post. Please refresh the page.

    Regards,
    Yigit

    May 14, 2018 at 8:29 pm #956654
    bakbek

    Works. How can I move the “hello user” to be displayed above the table of options?

    May 14, 2018 at 8:36 pm #956656
    Yigit

    Hi,

    Image seems broken when i click the link. Can you check it once again?

    Best regards,
    Yigit

    May 14, 2018 at 9:05 pm #956664
    bakbek
    This reply has been marked as private.
    May 16, 2018 at 4:02 pm #957559
    Nikko

    Hi DROR,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width: 767px) {
  #top.rtl_columns .avia_textblock .woocommerce {
    display: flex;
    flex-direction: column-reverse;
  }
}

    Hope it helps :)

    Best regards,
    Nikko

    May 16, 2018 at 6:44 pm #957637
    bakbek

    Thanks.

    May 17, 2018 at 6:40 am #957936
    Nikko

    Hi bakbek,

    Glad that we could help :)
    Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

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