Responsive design does not work

  • janalex

    (@janalex)


    7 years ago

    The responsive design does not work properly.

    On mobile devices, smartphones, the front page widgets only align vertically. But they should align horizontally as well.

    Can you please help me with that issue?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Siobhan

    (@siobhyb)

    Hi @janalex!

    I can see the following custom CSS on your site, which is setting the widgets to a width of 30% across all devices:

    .front-widget-area .widget-area, .footer-widget-area .widget-area {
	width: 30%;
	margin-right: 2%;
}

    The above CSS shouldn’t be necessary as the theme sets the widgets to 30% on desktop devices by default.

    Can you try removing the above custom CSS? You may need to reinstall Sela if the original CSS that sets the width of the widgets is missing.

    Thread Starter janalex

    (@janalex)

    Hi @siobhyb!

    Thanks for your advice.

    If I remove the CSS then the front page widgets are never horizontally aligned.

    It looks like that: https://drive.google.com/open?id=0B1Mg-8xP59BSRGpZMHRqUEUxUGM

    30% ist fine on the desktop view but on mobile devices it should be 100%.

    Siobhan

    (@siobhyb)

    Hi @janalex,

    Sela does by default set the widgets to take up a third of the available screen width on desktop devices. You can see this from the theme’s demo site here:

    https://selademo.wordpress.com/

    I can see that the theme’s style.css is either not loading correctly or incomplete on your site, however.

    Can you try deleting your current installation of Sela then installing a fresh copy of the theme? If the widgets still don’t look correct, try deactivating each of your plugins one by one to see if any are preventing the theme’s style.css file from loading correctly,

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive design does not work’ is closed to new replies.