Vertical text and layout issues showing on mobile site

  • Hey guys!

    We’ve redesigned our website but we’re havig a little problem. The mobile version is displaying the quotes in a vertical letter-by-letter style and the images are coming out funny. Any suggestions?

    Out site is https://www.blacklightproductions.net/

    We’re using Parallax with the latest version of WordPress and I really don’t know how to fix it!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    As I can see, in code of your website are putted lines like this

    <!-- .themify_builder_content-2370 > .module_row_2 Style -->
<style>
.themify_builder_content-2370 > .module_row_2.module_row {
	background-color: #000000;;
	padding-top : 50px;
	padding-right : 200px;
	padding-bottom : 50px;
	padding-left : 200px;
	margin-top : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-left : 0px
}
</style>

    There are no media queries for them, there are inline, and there for they have high priority.
    Problematic in this case is padding-left and padding-right – 200px. So what will happen when you have 400px padding and 320px wide screen? ??
    I don’t know how familiar are you with CSS – but if know them, you could write media queries that will remove this big paddings with !important (I know that’s ugly, but it will work).

    Thread Starter blacklightproduction

    (@blacklightproduction)

    Brilliant seems to be working now thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Vertical text and layout issues showing on mobile site’ is closed to new replies.