mobile responsivity

  • Resolved igby

    (@igby)


    3 years, 6 months ago

    Is there a way I can edit the mobile version of my site without affecting the desktop version?

    My footer looks clean on the desktop version of my site, but when I view it on mobile it’s all clunky. My images/image carousels are not responsive when viewed on mobile—they shrink down really small/

    My pages also look different in the mobile preview than they actually look when I visit them on my phone.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Mat

    (@mateithemeisle)

    Hello @igby ,

    Thank you for using Neve and sorry for the delayed response!

    In order to fix the Elementor slider i would reccomend following Elementor’s documentation or this video tutorial https://www.youtube.com/watch?v=v64QwkXFrKE&ab_channel=TemplateMonster which should get the desired result.

    I noticed that the social media icons move to the left when switching to mobile and in case that was un-intentional i adapted it to the right or to the center according to your preference.
    You can avoid these lines of code if you wish the changes not to take place.

    In order to apply the changes simply add the desired code into the Additional CSS tab in the Customizer.

    For icons to the right:

    .mobile-left {
    text-align: right; //social media icons
    }

    For centered icons:
    .mobile-right, .mobile-left {
    text-align:center;
    }

    Please let us know if there is anything else we can help out with and congratulations for the art! It is astonishing!

    Thank you!

Viewing 1 replies (of 1 total)
  • The topic ‘mobile responsivity’ is closed to new replies.