Mobile layout adjustment - by vincentdv - on WordPress WooCommerce support

Solved8 replies2 participantsUpdated by Rose Tyler

  • Avatar: vincentdv
    vincentdv
    Participant

    Hi, may I know what is the way to adjust mobile layout?
    I use some margin to achieve certain design on desktop, it looks great.
    But on mobile layout it looks terrible.

    1. May I know how can I edit my mobile layout on certain pages?

    2. Quickview button on my mobile interface has blocked some part of my product images, may I know is it possible to have different quickview layout for desktop and mobile? or how can I solve the issue of blocking images?

    Please, contact administrator
    for this information.
    #279990 Copied Theme version: 7.4.2

    8 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Provide URLs and temporary wp-admin access, so we can take a closer look.

    Regards

    #280005 Copied
    Avatar: vincentdv
    vincentdv
    Participant

    Okay. as attached.

    I would need help on setting mobile layout for my homepage and the quickview on mobile layout problem.

    Regarding the mobile layout of homepage slider, I know where to set it.
    Please help, thank you.

    Please contact administrator
    for this information.
    #280012 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    1. Theme options > General > WPBakery Responsive CSS Box-Module > On. Edit page > change these paddings – http://prntscr.com/10p6k6i – http://prntscr.com/10p6lic
    Also, check this article – https://kb.wpbakery.com/docs/learning-more/responsive-settings/
    2. Add the next code in Theme Options > Theme custom CSS > Custom CSS for mobile:

    .product-view-default .footer-product .show-quickly {
    font-size: 10px;
    padding: 5px;
}
.product-view-default .footer-product {
    margin-bottom: -20px;
}

    Regards

    #280014 Copied
    Avatar: vincentdv
    vincentdv
    Participant

    Thank you very much for your prompt response.

    Sorry I do not understand about the screenshot. I go to front end editor and which section should I edit? If I click mobile view on WPbakery frontend editor, I can hardly choose any section. I tried to use dekstop view and changed the column padding, yet unsuccessful.
    Whenever I changed something, the photo and paragraph in the section disappeared on mobile view.

    It’s really hard for me.
    May I know is there any other way to have auto responsive mobile layout? I feel I can’t complete this.

    Besides, I have solved problem no.2

    #280046 Copied
    Avatar: vincentdv
    vincentdv
    Participant

    Hello, it’s okay, I have rebuild using Elementor.

    #280068 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Feel free to ask if you have any other questions.

    Regards

    #280073 Copied
    Avatar: vincentdv
    vincentdv
    Participant

    Hi good day,

    May I know how to change the icon color and hover color of “8theme social links”?
    I am using Elementor currently.

    login as attached.

    Thank you

    Please contact administrator
    for this information.
    #280086 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Use this element http://prntscr.com/10pqe8g , it has Style settings that allow changing Icons color.

    Regards

    #280098 Copied

The issue related to '‘Mobile layout adjustment’' has been successfully resolved, and the topic is now closed for further responses